textarea回车换行时文字遮挡解决方案

在开发 canvas 画板时有个功能是这样的：

点击画板输入文字， 文字可拖动 、可编辑。但在可编辑这里出现一个问题，我使用 textarea 标签通过定位到 canvas 上实现可编辑文字。

因此 textarea 标签的大小是被限制的 ，同时也没有滚动条，但是在会车时，文字会发生上移，早成文字遮挡，看到的结果就是位置发生了变化。

通过检查发现是 textarea 标签的 scrollTop 值在改变，即即使隐藏了滚动条，它也在滑动

解决方案

• 未修改前

width: 300px;
height: 150px;
resize: none;
overflow: hidden;

• 修改后

width: 300px;
height: 150px;
resize: none;
overflow: clip;