[BUG] YouTube 评论排序菜单被翻译节点破坏导致布局异常
Author: morninghutCreated Sep 2, 2026Updated Sep 2, 2026
- 运行环境
- 操作系统: Windows 10
- 浏览器: Google Chrome 152.0.7977.65
- 软件类型: Extension / 扩展
- 版本号:
dev-c95bd46 - 脚本管理器: None / 无
- 问题描述
启用 KISS-Translator 的网页翻译后,YouTube 视频评论区的“排序方式”菜单会出现页面元素异常放大、错位或重复显示,评论正文翻译本身仍然可以正常工作。
复现页面示例:https://www.youtube.com/watch?v=LVTtMJkluQk
- 复现步骤
- 打开上面的 YouTube 视频页面,并滚动到评论区。
- 启用 KISS-Translator 的网页翻译。
- 观察评论区标题附近的“排序方式”菜单及其周围布局。
- 在开发者工具 Console 中检查
#sort-menu,可观察到翻译节点被插入到该菜单内部。
- 实际表现
- “排序方式”区域被异常拉高,页面内容出现错误排列。
- 菜单关闭时,隐藏的下拉菜单内容也可能被翻译并参与布局。
- 菜单内原本约 24×24 的 SVG 图标可能出现大尺寸克隆。
- 关闭翻译或刷新页面后,布局恢复正常。
- 预期表现
- 评论正文可以翻译。
- “排序方式”菜单保持 YouTube 原生尺寸和布局。
- 菜单可以正常打开和关闭,关闭时隐藏内容不应被翻译节点改变布局。
- 初步原因
YouTube 的内置规则会对页面中的文本节点及其父级应用自动翻译布局样式。评论排序菜单 #sort-menu 包含隐藏的下拉内容和 SVG 图标;在该节点未被忽略时,翻译器会把翻译包装节点插入菜单,并将布局样式传播到菜单及其祖先节点,从而造成尺寸放大和错排。
Source: fishjar/kiss-translator