面板宽度与代码预期不符，拖动调整时出现异常跳变

我正在开发一个带有指定拖动区域的面板，用户可通过拖动鼠标调整面板的大小。但每当触发滑块拖动时，面板并未按预期响应，而是先出现尺寸跳变，之后才能拖动调整。

检查元素时，我发现了难以理解的矛盾信息：元素的computed width远大于我通过element.style.width设置的值，但当我溯源该宽度的来源时，开发者工具又显示该宽度来自我的样式修改。看起来似乎有宽度值被重复使用，但即使更新变量，结果依然不变。

相关代码地址：https://codesandbox.io/s/great-platform-xkxhy2?file=/src/index.mjs

内容的提问来源于stack exchange，提问作者JordanH