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
Hi everyone!
Huge fan of the library and the changes in v5. I stumbled upon an issue when trying out the new Reorder Components. If an element that is part of the Reorder.Item needs to have a z-index to overlap other items (like a dropdown or combobox) it is not working with the current approach.
Please see the codesandbox for a reproduction. It is the Reorder example codesanbox forked. Reproduction
Debug
I think the Reorder.Item has a stacking context, because it has transform: none applied. This might be coming from here, but I am absolutely not sure about that.
Description
Hi everyone!
Huge fan of the library and the changes in v5. I stumbled upon an issue when trying out the new Reorder Components. If an element that is part of the Reorder.Item needs to have a z-index to overlap other items (like a dropdown or combobox) it is not working with the current approach.
Debug
I think the Reorder.Item has a stacking context, because it has
transform: none
applied. This might be coming from here, but I am absolutely not sure about that.motion/src/gestures/drag/VisualElementDragControls.ts
Lines 472 to 481 in 4f9e23b
Result
This results in children of Reorder.Item not being able to overlap other elements.
Expected Behavior
A child with a z-index should correctly overlap other items.
I see two possible ways to achieve this.
motion/src/components/Reorder/Item.tsx
Lines 60 to 61 in 4f9e23b
motion/src/components/Reorder/Item.tsx
Line 79 in 4f9e23b
Let me know if you need additional details or if I am missing a reason why it is working like this.
The text was updated successfully, but these errors were encountered: