问题描述:在 Windows 上全屏使用鲸AI组件,在输入框中输入文字后文字会消失,但可以正常发送出去;在 Ubuntu 中就不会遇到这个问题。
版本:山海鲸可视化 4.7.2。
原因:经检查应该是在 Windows 进入全屏页面后,窗口尺寸发生变化,尺寸计算逻辑触发错误,autosize属性获取到了一个异常的容器高度,把文本框的 height 算成了 0px,导致看不到输入框中的文字。至于 Ubuntu 为什么不会出现这个问题,猜测应该是 Windows 和 Linux 处理 DOM 和全屏的逻辑不同等方面的原因。
解决方法:给这个 textarea 加一个强制的 min-height 进行兜底,具体高度参考输入框文字高度。
.chat-panel .chat-footer .input-content[data-v-0d739ff1] .el-textarea .el-textarea__inner {
overflow: auto;
padding: 0;
max-height: 100%;
box-shadow: none;
font-size: var(--2b65bf41);
line-height: var(--5424bf32);
color: var(--40733823);
min-height: 20px !important; /* 强制最小高度 */
}更多数字孪生可视化干货内容等你发现
了解更多内容