I’ve got an a tag, which links to another page. When the user clicks on this link, I have a mouseDown event fire, which applies a little translateZ to the element.
Strangely though, after the translateZ, the mouse up or click event (which relies on mouseup) doesn’t fire.
Seems to work fine in Firefox, but not chrome.
Here is a little jsfiddle showing my problem: http://jsfiddle.net/8LMzb/9/
Since this works in firefox, I’m not quite sure that its a chrome bug, or expected behavior.. nor whether this fix will continue to work. What I’ve done, is not apply any perspective to the transform until the mousedown event is fired, this, somehow allows the mouseup event to fire, and links to work.
Relavent fiddle: http://jsfiddle.net/8LMzb/152/