TRAE AI 插件 Bug 报告

Bug 描述

问题:聊天界面中"1次对话/请求"旁边的链接图标只有在鼠标移动到模型列表项时显示,且显示后不会停留,鼠标离开,就不显示, 导致用户没有机会点击该链接。

复现步骤

  1. 打开 VS Code

  2. 点击左侧 TRAE AI 图标打开聊天界面

  3. 观察界面顶部的模型选择区域

  4. 将鼠标移动到模型选择区域

  5. 观察链接图标的显示行为

  6. 尝试点击链接

预期行为

  • 链接图标应该始终可见,或者在鼠标悬停时稳定显示足够长的时间,让用户有机会点击

  • 用户应该能够正常点击链接以访问相关信息

实际行为

  • 链接图标仅在鼠标快速移动到模型区域时短暂显示

  • 图标显示后立即消失,用户无法点击

  • 链接功能完全无法使用

可能原因

  1. CSS 悬停效果问题:链接图标的显示依赖于模型区域的 hover 事件,但触发条件过于严格

  2. JavaScript 事件处理问题:可能存在事件冲突或处理逻辑错误

  3. DOM 元素层级问题:链接元素可能被其他元素遮挡或层级设置不当

  4. 动画效果问题:可能存在不合适的过渡动画导致元素快速消失

建议修复方案

  1. 修改显示逻辑:将链接图标的显示改为永久可见,或延长 hover 状态的持续时间

  2. 优化事件处理:确保鼠标悬停在链接区域时保持显示状态

  3. 调整 DOM 结构:确保链接元素有正确的层级和定位

  4. 添加点击区域:增大链接的可点击区域,提高交互成功率

影响范围

  • 用户体验:用户无法访问链接指向的重要信息(如使用说明、套餐详情等)

  • 功能完整性:链接功能完全不可用

  • 界面一致性:元素显示行为不符合用户预期

优先级

中高 - 虽然不影响核心功能,但影响用户体验和信息获取

环境信息

  • 插件版本:1.6.22

  • VS Code 版本:^1.82.0

  • 操作系统:Windows

1 个赞

我理解你遇到的问题了,在 VS Code 的 Trae AI 插件中,聊天界面顶部模型选择区域旁边的链接图标只有鼠标悬停时才短暂显示,而且很快消失,用户根本无法点击。

非常感谢你提供这么详细的 bug 描述和分析,这对定位问题很有帮助。从你的描述来看,这确实是一个 CSS hover 状态处理的交互 bug,导致链接功能完全不可用。

这个问题我已经记录下来了。如果你需要进一步跟进,可以在 VS Code 中通过 Trae → 帮助 → 报告问题 提交这个 bug,或者在 TRAE 论坛(https://forum.trae.cn/)发帖反馈。

你是在使用哪个版本的插件遇到这个问题的呢?

1 个赞

您好,插件是不收费的,目前页面展示有些问题,我们会优化下,感谢反馈。

1 个赞