Richmarker Safari Bug on Mac 4.1

[GoogleCodeExporter]

 Safari 4.1 to 5.0.3 on Mac: richmarker elements have no events

Original issue reported on code.google.com by voss.sci...@googlemail.com on 3 Mar 2011 at 11:29

[GoogleCodeExporter]

I'm not seeing a problem on Safari Mac. Do you still see problems if you access 
the latest version?

Original comment by lu...@google.com on 31 Mar 2011 at 6:14

• Changed state: NeedsMoreInfo

[GoogleCodeExporter]

yes, still not works. Seems to it's conflict with z-index

Original comment by Akimoto...@gmail.com on 12 Apr 2011 at 8:09

[GoogleCodeExporter]

Can you include a link to your example the shows the problem?

Original comment by lu...@google.com on 20 Apr 2011 at 12:46

[GoogleCodeExporter]

I'm seeing this issue too in Mac Safari 5.0.4 but not in Mac Chrome (also 
webkit). 

The example at 
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/exampl
es/richmarker.html has a red marker that should be draggable. In Chrome this 
works fine but in Safari it does not drag, instead the map is draggable. It's 
as though the marker wasn't their at all. The event is not getting picked up.

Inspecting the elements with the dev tools I can see that there is a grid of 
tiles stacked above the markers that is blocking mouse interaction (see 
attached image).

Definitely seems to be a z-index issue here. The markers should be stacked 
above the tiles. If I apply 'display:none;' to the tiles parent div then the 
events work as expected.

Original comment by rankerss...@gmail.com on 22 Apr 2011 at 12:36

Attachments:

• richmarker_zindex.png

[GoogleCodeExporter]

Is anyone else seeing this? I've had reports that this is an issue on an iPad 
too. I lack the hardware to confirm though.

Original comment by rankerss...@gmail.com on 28 Apr 2011 at 4:41

[GoogleCodeExporter]

I can definitely confirm this issue as well on the richmarker example page, 
using Safari 5.0.5 on Mac.

Original comment by haes...@gmail.com on 13 May 2011 at 9:12

[GoogleCodeExporter]

Just adding the additional update that it is the compiled version that doesn't 
seem to work on Mac/iOS Safari

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/exampl
es/richmarker.html?compiled

Standard works fine:

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/exampl
es/richmarker.html?

Original comment by rankerss...@gmail.com on 31 May 2011 at 3:42

[GoogleCodeExporter]

I'm noticing that click and mouseout events are not firing in Firefox 5 or 
Chrome on Ubuntu 10.04. The mouseover event is working fine, however.

Original comment by Sean.Zic...@gmail.com on 28 Jun 2011 at 10:30

[GoogleCodeExporter]

After moving marker from overlayImage to overlayMouseTarget pane 
(http://code.google.com/p/google-maps-utility-library-v3/source/detail?r=293) 
events work just fine, but there is new issue (using Safari 5.0.4 on Mac), that 
markers disapper in higher zoom level. It can bee replicated  here:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/exampl
es/richmarker.html?

Original comment by rostisla...@twobits.cz on 21 Jul 2011 at 11:40

[GoogleCodeExporter]

I'm reporting the same problem with Chrome 14.0.835.94 (beta) running on OSX 
Lion (10.7)

With the richmarker.html example, I can't drag the boxes with Chrome, I can 
with other browsers.

Original comment by yog...@gmail.com on 16 Aug 2011 at 4:26

[GoogleCodeExporter]

confirming this in safari 5.1.1 on mac. map tiles are for some reason displayed 
over markers as described here:

http://code.google.com/p/google-maps-utility-library-v3/issues/detail?id=68#c4

no problem on safari 5.1.1 on win xp

Original comment by spatzie...@gmail.com on 15 Dec 2011 at 6:22

[GoogleCodeExporter]

We found the problem in the library, we fixed it for Safari only by using this 
inside RichMarker.prototype.onAdd :

if(navigator.userAgent.indexOf('Chrome') == -1 && 
navigator.userAgent.indexOf('Safari') > -1) {
    panes.floatShadow.appendChild(this.markerWrapper_);
} else {
    panes.overlayMouseTarget.appendChild(this.markerWrapper_);
}

...instead of this :

panes.overlayMouseTarget.appendChild(this.markerWrapper_);

Not so clean but it works... line 732 in unminify version.

Original comment by plgagn...@gmail.com on 14 Jun 2012 at 6:24