Javascript 设置文本区域高度的动画会导致文本跳转

我试图在用户更改内容时设置TextArea高度的动画

添加内容时，高度会增加并导致文本跳跃。 删除内容时，高度将按预期设置动画，文本不会跳转

有人能解释一下为什么会发生这种情况以及如何预防吗

这是相关代码

从“React”导入React；
从“react textarea autosize”导入textarea autosize；
导出默认函数App（）{
返回(
);
}

这是代码沙盒

虫子视频

---

谢谢

之所以会出现这种情况，是因为当您给容器0.3s的转换时间时，文本会立即获得新高度。因此，在0.3秒内，文本高于方框。我没有一个简单的解决方案，但是我更喜欢没有动画的外观。

我不熟悉react，但似乎高度正在重置？另一个线索：当我点击左边的文件夹，然后再回到浏览器上时，跳转不再出现，但即使在点击文件夹后添加内容时，文本仍会跳转@斯科特