Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Mac Safari 5.0.4 bug when using Google Maps API

I have a google map built from the Google Maps API v.3 on a website that I am building. It works fine in all browsers. However, in Safari (for the Mac at least) it is affecting other elements in an odd way. It seems to really only apply to absolutely positioned elements and it may have something to do with z-index. Has anyone had any experience with something like this? What did your solution end up being? Sorry I cannot post a URL yet.

Thanks!!

like image 790
morrisbret Avatar asked Oct 25 '22 17:10

morrisbret


2 Answers

I ended up finding the solution to my problem. It did indeed have to do with z-index. Interesting that it was only happening in Safari, though. Regardless, if anyone else is noticing something odd going on with Safari and google maps it may have something to do with the z-index of an element on your page. That's where I would start. Thanks again!

like image 72
morrisbret Avatar answered Oct 27 '22 09:10

morrisbret


The solution that worked for me here (as -webkit-transform:none; stops maps and other functions working on a page), was to ajax in the content via jQuery after load.

Hope that helps!

like image 28
Thomas Huxley Avatar answered Oct 27 '22 09:10

Thomas Huxley