clauderic / clauderic/react-sortable-hoc
CSS Scaling Issue
- Dominant language
- JavaScript
- Stars
- 10.9k
- Forks
- 959
- PR merge metrics
- No merged PRs in 30d
Description
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.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the issue in a React sortable list with transform: scale(1.5) and transform-origin: 0px 0px 0px on the parent containing the Sortable container and list items. Trace the drag translation behavior and verify that translate3d remains aligned with the scaled list while dragging.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100