'Framer Motion Layout Animation not working inside of MUI Popover if wrapped with motion.div
I am new to Framer Motion, and I am trying to create a Layout Transition animation. It worked fine but after some Experimenting I found out it Stopped working if put inside a Popover from @mui/material
After a lot of trial and error, I found out that the Popover itself was not the Issue. The Issue only occurs if the Popover again is wrapped with a motion component.
The Issue also only occurs if the Animation is inside the Popover. If it is outside, it also works fine with motion.
I created this codesandbox to make it easier to reproduce. In this codesandbox are 4 Circles, if selected the outer circle should animate to a new position.
Does anyone know how to fix this behaviour? I need to wrap some components with motion so removing it is not an option for me.
Thanks for the help
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
