只读后组件显示异常多行文本超出

szhtest · 发表于 2024-3-18 11:41:01|来自：

本帖最后由 szhtest 于 2024-3-18 13:49 编辑

在多行文本组件中，填写的时候有出现滚动条下拉框。但当我下一环节中该组件变为只读模式，文本就超出组件了。（这还是设置了组件高度的情况下）

倘若不设置组件高度，直接就跟着自适应，表单布局就错乱了

这是添加了样式：word-break:break-all或word-wrap:break-word的效果，就变成竖向超出了。

如果在此情况下去掉高度限制，那么就影响了其他组件布局（对不齐，和旁边相比高高低低的）

如何解决只读情况下内容超出宽/高出现的错乱？有没有办法让只读状态下的内容也跟编辑时一样正常显示滚动条下拉

szhtest · 发表于 2024-3-18 13:44:04|来自：

本帖最后由 szhtest 于 2024-4-2 17:15 编辑

解决了，增加样式：Y轴滚动条，隐藏input样式滚动条，换行：

某些情况下得设置input样式的height比样式的height短（否则可填状态会出现两条滚动条），以及input样式的overflow：hidden是不隐藏的，具体适配样式可尝试调整

只读后组件显示异常 多行文本 超出