Moveable calculates translate in y-direction incorrectly when target container has very specific transform scale values
See original GitHub issueEnvironments
- Framework name: React
- Framework version: lastest
- Moveable Component version: latest
- Testable Address(optional): https://codesandbox.io/s/kind-violet-o5vfr
Description
Please see the above testable address. When the transform-scale of a target container is one of 95%, 94%, 140%, 123% - 130%, 148%, 151%-152%
(there could be other scale percentages) AND we drag or resize a child div inside a parent div where the parent div has a transform: rotate(270deg);
(just this rotation), dragging or resizing the child just in the x-direction also drags or resizes the element in the y-direction. the x calculation seems to always be correct but it will modify the y calculation incorrectly.
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
D3 zoom translateExtent calculation when target smaller than ...
In the above codesandbox I have a red rect contained within a g ( container ) within a square svg ( node )...
Read more >transform on parent messes up dragging positioning #128
The problem itself is that when an item (in this case the nested list) gets transformed, that element becomes the new target container...
Read more >scale - CSS-Tricks
The scale property in CSS resizes an element's width and height in proportion. So, if we have an element that's 100 pixels square, ......
Read more >How to Calculate Displacement in a Physics Problem - dummies
Displacement is the distance between an object's initial position and its final position and is usually measured or defined along a straight ...
Read more >Worked Examples from Introductory Physics (Algebra–Based ...
(b) Rectangular box with sides x, y and z. Volume is V = xyz. I hope you knew that too. If we have...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@nelsondude
I found the reason. I’ll fix it quickly.
@