crx-selection-translate icon indicating copy to clipboard operation
crx-selection-translate copied to clipboard

划词翻译会在页面添加一个高度非常高的div标签导致页面过长

Open SmallSquare opened this issue 1 year ago • 3 comments

划词翻译版本:9.9.0 | 9.9.0 浏览器版本:Edge 113.0.1774.57 (正式版本) (64 位) | Edge 113.0.1774.57 (正式版本) (arm64) 操作系统:Windows11企业版 | macOS Ventura 13.4

重现问题的步骤

1.打开任意一个默认固定为窗口大小的页面,如https://leetcode.cn/problems/two-sum/
2.使用光标选中一部分文本

预期行为

Nothing

实际行为

整体页面高度变高,整个页面可下拉。Windows的Edge出现了可见的滚动条,并可以向下滚动;macOS的Edge将光标移动到某些位置也可以向下滚动。开发者工具可以观察到出现了一个高度很高的div标签,内含的内容是文本编辑区里的内容,内容越多,div标签高度越高 image

补充信息

无论是Windows11还是MacBook上都可以100%复现,关闭划词翻译整个extension之后问题消失。Chrome暂没有测试过。

SmallSquare avatar May 30 '23 15:05 SmallSquare

感谢你的详细重现步骤。

我在 macOS 13.3.1 (a)、Edge 版本 113.0.1774.57 (正式版本) (arm64)、划词翻译 v9.9.0 试了一下,没有重现,末尾附有重现视频。

从视频中可以看到,在我这边,这个 div 的高度没有超过页面高度,所以也没有导致页面出现滚动条。

等我手边有 windows 电脑了,我会再次尝试重试。

Kapture 2023-05-31 at 11 41 36

lmk123 avatar May 31 '23 03:05 lmk123

在5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36上复现成功,且在此页面禁用划词翻译后仍可复现

LYSSION avatar Sep 14 '23 02:09 LYSSION

GIF 2023-9-14 10-24-40

LYSSION avatar Sep 14 '23 02:09 LYSSION