Svelte 中可调整大小的侧边栏。鼠标和侧边栏宽度不保持同步

Question

在

Svelte Repl

中有一个最小的 Resizable Sidebar 示例。

虽然它有效，但我希望

mouse location

和

sidebar end

在视觉上保持同步，但事实并非如此。请参阅附加的 gif，鼠标移动速度比侧边栏缩放速度更快：

有人知道我错过了什么吗？

Answer 1

问题的出现可能是因为弹性容器的工作方式。不要为第二个 DIV 分配 100% 宽度，而是使用

flex: 1

。它将正常工作。

我对此没有任何解释。如果有任何聪明的人愿意自愿加入，我会洗耳恭听。