My Svelte application includes a list with items that feature a built-in flip animation when they are moved. Each item also contains an absolutely positioned menu with a z-index of 10. However, when the flip animation is triggered, the menu falls behind the other items. To see this issue in action, I have created a REPL:
Queries:
- What is causing this bug to occur?
- How can this issue be resolved?
- Are there any possible workarounds?
I have tried using isolation: isolate
, adjusting z-index values, and selecting the currently moved item, but nothing has effectively solved the problem so far.