Bug: Broken buttons on landing page

URL -> handmade.network

The buttons on the handmade network landing page do not function on Firefox. They don't even come up as clickable. On chrome it works just fine.

Firefox version 45.0.2 | Windows 7

These are the buttons in question:
https://imgur.com/J1Lxd7D
Connor_Rentz
URL -> handmade.network

The buttons on the handmade network landing page do not function on Firefox. They don't even come up as clickable. On chrome it works just fine.

Firefox version 45.0.2 | Windows 7

These are the buttons in question:
https://imgur.com/J1Lxd7D


Chronal fixed that the other day and it works for me in Firefox Nightly (49), where it was broken before. I think you may have an old stylesheet left in your cache, Connor.
This is fixed on any version of Firefox I can test with. Try forcing a refresh with ctrl+f5.

To elaborate:

I think Mozilla introduced a bug in 46.0 with the way elements are hit-tested when in a perspective transform. Specifically when preserve-3d is on, the mouse doesn't seem to interact with any elements in the affected blocks in the usual ways. I was unable to confirm whether or not this is a bug, but the behavior as of FF 46 contradicts the behavior in <=45.0, Chrome, and IE 11 so I must assume it is.

I may attempt to isolate the behavior and submit it to Bugzilla, but short term I've changed the HTML so that the clickable elements are outside the parallax effect. This required a CSS update as the selectors had to change.

Edited by Andrew Chronister on