marceljuenemann / angular-drag-and-drop-lists

Angular directives for sorting nested lists using the HTML5 Drag & Drop API
MIT License
2.16k stars 713 forks source link

dragged element doesn't properly show contents when containing element has scale transform #503

Open mjcastillo opened 5 years ago

mjcastillo commented 5 years ago

If you have a scale transform on a containing element of a list (say, even at the level), when you drag an item, the size is off (it it not scaled like the list and all the items it in are when you scale the containing element). This is on Chrome and Safari and probably other browsers. What's worse is on Safari (only) when you drag an item, the contents of the item is almost garbage text, so the item contents are not displayed properly. This is easily reproducible. Just go to one of the demo pages, set a style on the body of the page to: transform:scale(0.5), and then drag an item. Do this on safari to especially see the way the item contents don't display properly.