drop animation animates to the wrong rect
See original GitHub issueThe drop animation should use measuring?.draggable?.measure ?? getTransformAgnosticClientRect
from the DnDContext
.
I’m implementing a virtualized list and positioning elements using transform, so the position of the rectangles is not transform agnostic. When I pass in measure
most things seem to be working but on drop the elements animate to the wrong place. I believe its because of the line I linked but I may be wrong
Issue Analytics
- State:
- Created a year ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Adobe Animate cc 2020 drag and drop tutorial (HTML5)
In this tutorial, I will show you how to create drag and drop in Adobe Animate.We will be working in HTML5 canvas.you can...
Read more >UIView animation jumps at beginning - Stack Overflow
I've slowed down the animation duration to 5 seconds but the initial jump is instantaneous and half the transformation in the wrong direction....
Read more >animation - CSS: Cascading Style Sheets - MDN Web Docs
The animation property is specified as one or more single animations, separated by commas. Each individual animation is specified as: zero, one, ...
Read more >Animating Shapes — Sample Apps Tutorials - Apple Developer
Learn how to use shapes and simple animations in SwiftUI. First up, you'll learn to use the SwiftUI Shape protocol to create and...
Read more >Building performant expand & collapse animations
An alternative to animating width and height might be to use the (now-deprecated) clip property to animate the expand and collapse effect. Or, ......
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
Hey @lukesmurray, I’m currently working on refactoring the internals of the drop animation and will get this fixed (essentially making sure that the drop animation uses
measuring?.dragOverlay?.measure
andmeasuring?.draggable?.measure
)Awesome to hear! i’m running into this as well since the drop takes a second for the data to catch up after (promises) so that’ll be nice