You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have a really simple toggled animation of a menu that initially is set to transform: translateY(-100%), when the state is change it slides into view at transform: translateY(0), when the state is then changed again the animation is skipped and the menu just disappears. I found this was due to not having a % unit symbol on the end, others have also found this same issue
Which react-spring target are you using?
@react-spring/web
@react-spring/three
@react-spring/native
@react-spring/konva
@react-spring/zdog
What version of react-spring are you using?
9.7.3
What's Wrong?
I have a really simple toggled animation of a menu that initially is set to
transform: translateY(-100%)
, when the state is change it slides into view attransform: translateY(0)
, when the state is then changed again the animation is skipped and the menu just disappears. I found this was due to not having a%
unit symbol on the end, others have also found this same issueTo Reproduce
Use this basic react hook to animate in the menu component.
Expected Behaviour
When the animation value start at 0 it should infer either the pixel or percentage value so it translates smoothly as it does in normal CSS.
Link to repo
https://codesandbox.io/s/kind-black-sgr767?file=/src/App.js
The text was updated successfully, but these errors were encountered: