Reorder with a collapse item inside

[BrunoQuaresma]

Hey folks, I'm trying to use a collapse component inside of a Reorder.Item but it is not working as expected. Every time it opens a "weird" animation happens. I think it is related to how the layout animations work but Idk how to solve it, any ideas? Here is a sandbox https://codesandbox.io/s/framer-motion-5-drag-to-reorder-lists-forked-nqzop1?file=/src/Item.tsx

[paulrostorp]

Did you find a solution to this @BrunoQuaresma ?

[hajirasyafi]

you can try like this https://codesandbox.io/s/framer-motion-5-drag-to-reorder-lists-forked-xluw6i?file=/src/App.tsx

Wrap Reorder.Group inside LayoutGroup :

<LayoutGroup>
 <Reorder.Group axis="y" onReorder={setItems} values={items}>
   {items.map((item) => (
     <Item key={item} item={item} />
   ))}
 </Reorder.Group>
</LayoutGroup>

then on Reorder.Item add layout properties :

<Reorder.Item layout></Reorder.Item>

@BrunoQuaresma @paulrostorp