Participant
February 15, 2021
Question
Text in Component jumps when using auto-animate
- February 15, 2021
- 2 replies
- 536 views
I noticed that this behavior is random and doesn't happen in every component.
I have a simple sign-up screen that has a component with different fields (2 states: empty and filled) and a button, which is a nested component with 2 states as well (active and inactive). When a user clicks on the button, it shrinks into a circle and a label disappears.
When I preview this in XD, the label moves away (up and left) and by the end of the animation, it jumps back where it should be. Screenshots (1 and 2) show that the layers have identical names and (3) how the text "jumps" out. Attached is a screen recording showing the same.
Not sure what triggers this bug but it seems to happen after editing the main component.



