Move object not smoothe when it has lots of content

If a drawer is initially off-screen and then moved onto screen by a click interaction, the drawer will not move smoothly onto screen if it contains more than a little content. It will instead snap to a position ~80% onto screen and then complete its movement, rather than beginning from an off-screen position.


Here is my site Read-Only: https://bug-initial-move-is-not-smoothe.webflow.io/
Here is my shared: https://preview.webflow.com/preview/bug-initial-move-is-not-smoothe?utm_medium=preview_link&utm_source=dashboard&utm_content=bug-initial-move-is-not-smoothe&preview=97dc687ccfdd415f0b3053293864ee55&mode=preview

I figured out the issue - in the legacy interactions, movement on X and Y would be relative to the viewport (ex: moving an element x=100% would move it off-screen to the right). In the new interactions, X and Y are relative to the dimensions of the element itself (ex: moving an element X=100% would move it to the right a distance equal to its own width). VW and VH must now be used for positioning relative to the viewport. To my knowledge, this was never explained to Webflow users and probably should be at some point.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.