search

clauderic / react-sortable-hoc

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
https://clauderic.github.io/react-sortable-hoc/
MIT License
10.75k stars 977 forks source link

CSS Scaling Issue #386

Open trmim opened 6 years ago

trmim commented 6 years ago

If we apply CSS scaling to the list item. Translate 3D responds weirdly. Can you please fix this or let us know at which place this needs to be fixed.

E.g. transform: scale(1.5); transform-origin: 0px 0px 0px; when applied this css to our parent div which contains the Sortable container and Sortable List items it breaks the translate 3d.

trmim commented 6 years ago

@clauderic : Friendly Hi!! Please help.

friktor commented 6 years ago

@trmim hi bro, by default active element scale up to ~1.3. For setting normal size add helperClass prop to your container component, and add style for helper class e.g transform: scale(0.7);. This is solve your problem.