[Bug]网页端聊天时，当输入内容过长，会把对话信息挡住 #9478

Activity

1. Lxeon

   added

   bugSomething isn't workingSomething isn't working

   on Jul 31, 2026
2. dosubot

   added

   area:webuiThe bug / feature is about webui(dashboard) of astrbot.The bug / feature is about webui(dashboard) of astrbot.

   feature:chatuiThe bug / feature is about astrbot's chatui, webchatThe bug / feature is about astrbot's chatui, webchat

   on Jul 31, 2026
3. dosubot commented on Jul 31, 2026

   

   dosubotBot

   on Jul 31, 2026 – with DosuBot

   More actions

   这个问题的根本原因已经定位到了：聊天界面的布局架构导致输入框在扩展时会遮挡消息。

   根因分析：

   • .composer-shell（输入区域容器）使用 position: absolute 定位在消息列表底部 [1]
   • 消息区域 .messages-panel 的底部 padding 是固定值 116px（桌面端）/ 92px（移动端），用于为输入框预留空间 [1]
   • 但 textarea 的 max-height 最大可达 min(48vh, 420px) [2]
   • 当输入内容不断增多（如不断回车），textarea 高度超过预留的 116px 后，就会覆盖消息区域，因为消息列表的底部 padding 不会随输入框高度动态调整

   修复方向： 需要让消息区域的 padding-bottom（或 scroll-padding-bottom）根据 composer 的实际高度动态变化，而不是使用固定值。可以通过 ResizeObserver 监听 .composer-shell 的高度变化，实时更新 .messages-panel 的底部内边距。

   此前已有多个 PR 尝试修复相关的溢出/布局问题（如 PR #5635 [3]、PR #8447 [4]、PR #9202 [5]），但固定 padding 与动态 textarea 高度之间的核心矛盾仍然存在。

   To reply, just mention @dosu.

   ---

   Share context across your team and agents. Try Dosu.

   
4. Soulter

   closed this as completedin #9496on Aug 1, 2026