[BUG] YouTube 评论排序菜单被翻译节点破坏导致布局异常

Author: morninghutCreated Sep 2, 2026Updated Sep 2, 2026
  1. 运行环境
  • 操作系统: Windows 10
  • 浏览器: Google Chrome 152.0.7977.65
  • 软件类型: Extension / 扩展
  • 版本号: dev-c95bd46
  • 脚本管理器: None / 无
  1. 问题描述

启用 KISS-Translator 的网页翻译后,YouTube 视频评论区的“排序方式”菜单会出现页面元素异常放大、错位或重复显示,评论正文翻译本身仍然可以正常工作。

复现页面示例:https://www.youtube.com/watch?v=LVTtMJkluQk

Image
  1. 复现步骤
  • 打开上面的 YouTube 视频页面,并滚动到评论区。
  • 启用 KISS-Translator 的网页翻译。
  • 观察评论区标题附近的“排序方式”菜单及其周围布局。
  • 在开发者工具 Console 中检查 #sort-menu,可观察到翻译节点被插入到该菜单内部。
  1. 实际表现
  • “排序方式”区域被异常拉高,页面内容出现错误排列。
  • 菜单关闭时,隐藏的下拉菜单内容也可能被翻译并参与布局。
  • 菜单内原本约 24×24 的 SVG 图标可能出现大尺寸克隆。
  • 关闭翻译或刷新页面后,布局恢复正常。
  1. 预期表现
  • 评论正文可以翻译。
  • “排序方式”菜单保持 YouTube 原生尺寸和布局。
  • 菜单可以正常打开和关闭,关闭时隐藏内容不应被翻译节点改变布局。
  1. 初步原因

YouTube 的内置规则会对页面中的文本节点及其父级应用自动翻译布局样式。评论排序菜单 #sort-menu 包含隐藏的下拉内容和 SVG 图标;在该节点未被忽略时,翻译器会把翻译包装节点插入菜单,并将布局样式传播到菜单及其祖先节点,从而造成尺寸放大和错排。