There is a situation with block elements that use transform: translate() and matrix3d() as part of the animation sequence (the animation is performed using GSAP, but this should not be relevant to this problem, since all GSAP really updates CSS properties in real-time).
Expected: regardless of size or position, elements should remain interactive with the mouse. (works correctly in Chrome, FF, Safari, IE11).
In fact: some will work once or twice if you're lucky, and then after that none of the others will respond to the mouse (poor behavior in MS Edge).
Here is an example of using this problem: idx.klick.com (click past the welcome screen and try playing with floating balls)
Has anyone come across this or found a solution?
source share