Skip to content

[Bug]查看对话历史的时候光标不指向滚动条就没法用滚轮滚动页面(webui前端界面bug) #6941

@Izayoi9

Description

@Izayoi9

What happened / 发生了什么

当进入webui查看历史对话时,点开历史对话窗口发现滚动滚轮无法使用滚动条,把光标指向滚动条后再滚 滚轮就可以正常使用滚动条。
ConversationPage.vue 中 .conversation-messages-container 滚动容器虽然设置了 overflow-y: auto,但在 vuetify 的 v-dialog 内部,该容器没有正确接收滚轮事件。问题出在两个方面:
1.滚动容器缺少 tabindex 属性,导致无法获得焦点。
2.vuetify 的 v-dialog 默认会拦截并重新分发滚轮事件,但内部的滚动区域没有正确绑定。

Reproduce / 如何复现?

进入webui,点击左侧菜单栏中“更多功能”下的对话数据,查看任意一条对话历史的对话,在查看对话窗口中滚动滚轮,窗口内容不动,光标移动到滚动条上再滚动滚轮,滚动条可以移动。

AstrBot version, deployment method (e.g., Windows Docker Desktop deployment), provider used, and messaging platform used. / AstrBot 版本、部署方式(如 Windows Docker Desktop 部署)、使用的提供商、使用的消息平台适配器

Astrbot版本:v4.22.0
部署方式:docker

OS

Linux

Logs / 报错日志

非代码错误,前端界面设计问题,无报错。

Are you willing to submit a PR? / 你愿意提交 PR 吗?

  • Yes!

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:webuiThe bug / feature is about webui(dashboard) of astrbot.bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions