Bug 描述
问题:聊天界面中"1次对话/请求"旁边的链接图标只有在鼠标移动到模型列表项时显示,且显示后不会停留,鼠标离开,就不显示, 导致用户没有机会点击该链接。
复现步骤
-
打开 VS Code
-
点击左侧 TRAE AI 图标打开聊天界面
-
观察界面顶部的模型选择区域
-
将鼠标移动到模型选择区域
-
观察链接图标的显示行为
-
尝试点击链接
预期行为
-
链接图标应该始终可见,或者在鼠标悬停时稳定显示足够长的时间,让用户有机会点击
-
用户应该能够正常点击链接以访问相关信息
实际行为
-
链接图标仅在鼠标快速移动到模型区域时短暂显示
-
图标显示后立即消失,用户无法点击
-
链接功能完全无法使用
可能原因
-
CSS 悬停效果问题:链接图标的显示依赖于模型区域的 hover 事件,但触发条件过于严格
-
JavaScript 事件处理问题:可能存在事件冲突或处理逻辑错误
-
DOM 元素层级问题:链接元素可能被其他元素遮挡或层级设置不当
-
动画效果问题:可能存在不合适的过渡动画导致元素快速消失
建议修复方案
-
修改显示逻辑:将链接图标的显示改为永久可见,或延长 hover 状态的持续时间
-
优化事件处理:确保鼠标悬停在链接区域时保持显示状态
-
调整 DOM 结构:确保链接元素有正确的层级和定位
-
添加点击区域:增大链接的可点击区域,提高交互成功率
影响范围
-
用户体验:用户无法访问链接指向的重要信息(如使用说明、套餐详情等)
-
功能完整性:链接功能完全不可用
-
界面一致性:元素显示行为不符合用户预期
优先级
中高 - 虽然不影响核心功能,但影响用户体验和信息获取
环境信息
-
插件版本:1.6.22
-
VS Code 版本:^1.82.0
-
操作系统:Windows
