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
Is your feature request related to a problem? Please describe.
I'm frustrated that the indicators are animating vertically when other elements are resizing when using layoutId. I have a tab with indicator similar to the example in the doc.
Describe the solution you'd like
A way to limit x or y animation when using layoutId
Describe alternatives you've considered
Tried adding layout to the wrapper which isn't ideal since that will animate the entire component vertically.
Changed parent div to motion.div with layout and transition={{ duration: 0 }}, this worked
Additional context
You can replicate what I'm frustrated with by adding a div on top of the Tab in the example and changing its height on click without animation.
Div will change its height instantly while the indicator will float outside of the Tab and animate to its position
The text was updated successfully, but these errors were encountered:
Is your feature request related to a problem? Please describe.
I'm frustrated that the indicators are animating vertically when other elements are resizing when using
layoutId
. I have a tab with indicator similar to the example in the doc.Describe the solution you'd like
A way to limit x or y animation when using
layoutId
Describe alternatives you've considered
layout
to the wrapper which isn't ideal since that will animate the entire component vertically.motion.div
withlayout
andtransition={{ duration: 0 }}
, this workedAdditional context
You can replicate what I'm frustrated with by adding a div on top of the Tab in the example and changing its height on click without animation.
Div will change its height instantly while the indicator will float outside of the Tab and animate to its position
The text was updated successfully, but these errors were encountered: