daybrush / moveable

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
https://daybrush.com/moveable/
MIT License
10.08k stars 618 forks source link

Change Moveable control box to use translate3d for z-index support in Safari #433

Closed robinslange closed 2 years ago

robinslange commented 3 years ago

Currently in Safari when using Moveable it applies

transform: translate(0px, 0px) translateZ(50px);

This creates a compatibility issue in Safari with z-indexes as described here: https://bucketpress.com/css-translate-and-z-index-problems-in-safari-browser

Ideal solution would be to have Moveable use translate3d instead of translate+translateZ to allow the setting of z-index to be respected in Safari.

daybrush commented 3 years ago

@robinslange

moveable's new version is released. Check it again.