question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Moveable calculates translate in y-direction incorrectly when target container has very specific transform scale values

See original GitHub issue

Environments

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:closed
  • Created 3 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
daybrushcommented, Dec 8, 2020

@nelsondude

I found the reason. I’ll fix it quickly.

0reactions
daybrushcommented, Jan 5, 2021

@

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found