当存在 Overflow-Y 时，禁用的 TextArea Resize 停止工作

Question

如果文本区域被禁用并且有 overflow-y 它不再允许您调整大小。如果您将 overflow-y 添加到 hidden 并保持禁用状态，它确实可以让您调整大小。

有什么方法可以让禁用的文本区域带有可滚动的 overflow-y 并且仍然可以调整大小？

Fiddle 只有文本区域： https://jsfiddle.net/bs5sakus/（不可调整大小）

<textarea disabled> TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST </textarea>

Fiddle 隐藏了 overflow-y：https://jsfiddle.net/30o3tmap/（可调整大小）

Answer 1

可能的解决方案是使用 readonly 而不是 disabled 并将其设置为看起来已禁用。这也允许用户突出显示和复制文本区域中的文本但不能修改它

https://jsfiddle.net/xynLfqag/1/

<textarea readonly> TEST </textarea>

jQuery UI 可以调整大小但使用 SE 抓取器和滚动条会导致重叠

https://jqueryui.com/resizable/

当存在 Overflow-Y 时，禁用的 TextArea Resize 停止工作

Disabled TextArea Resize stops working when there is Overflow-Y

html

css

textarea