Svelte：网格布局中翻转动画的过渡从左上角位置而不是项目位置飞出
Svelte: Out transition in flip animation in grid layout flies off from top left position instead of the item position
在 Svelte 中设置一个简单的 grid layout 以显示项目列表。
切换按钮从列表中删除一个元素，所有其他项目由于 flip 动画而以动画方式相应地重新排列。但是，如果我要添加过渡，in 可以完美运行，但 out 不会执行我想要的操作。例如。消失...
这里是 REPL：https://svelte.dev/repl/49b3731e93704af78df857b2aa1f0c71?version=3.21.0
注意：当5被移除时，它并没有消失，而是从1位置对角线飞到5位置。
知道我做错了什么吗？
尝试删除 transition: all 1s;。我认为这会破坏 Svelte 内部动画。
在 Svelte 中设置一个简单的 grid layout 以显示项目列表。
切换按钮从列表中删除一个元素，所有其他项目由于 flip 动画而以动画方式相应地重新排列。但是，如果我要添加过渡，in 可以完美运行，但 out 不会执行我想要的操作。例如。消失...
这里是 REPL：https://svelte.dev/repl/49b3731e93704af78df857b2aa1f0c71?version=3.21.0
注意：当5被移除时，它并没有消失，而是从1位置对角线飞到5位置。
知道我做错了什么吗？
尝试删除 transition: all 1s;。我认为这会破坏 Svelte 内部动画。