href over pixi canvas fails to accept clicks in mobile Chrome 28+

[IvanRoyale]

Here's an esoteric problem.  http://www.spaceneedle.com/home/ is a site we built last year.  At heart is a pixi.js canvas with overlaid DOM elements.

 

We recently discovered that some HREFs positioned over the pixi canvas are not accepting clicks on Android Chrome browsers upwards of version 28.  Take away the canvas and they click through normally.  For reference, trouble is with the 3 text links on the attached screenshot.

 

Anybody seen behavior like this?

 

Thanks,

 

  Ivan

[labrat.mobi]

I suspect this is something do with jquery and the way you handle touchstart event.

 

Try removing below line from main2.js (also semi-colon missing)

$("#pixiStage").on("touchstart", safeCloseMobile);
 

[agamemnus]

IvanRoyale: maybe you can set a higher zIndex on the hrefs? If you can reproduce the problem in pure Javascript in a small example and post it as an issue on the Chromium bug tracker, that would be the best approach. (and let me know-- I'll try to get the Google devs' attention)

 

labrat: semi-colons missing? No problem.