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

Question

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

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

摆弄文本区域: 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>

隐藏 overflow-y:https://jsfiddle.net/30o3tmap/ (可调整大小)

Answer 1

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

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

<textarea readonly> TEST </textarea>

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

https://jqueryui.com/resizable/