Text selection highlight still remains visible after scrolling in the terminal

[jolgau]

When I'm selecting a text in the viewport, after I scroll, a small highlight of the previous text still remains clinging on the viewport.

Had to fix it by providing this class:

.xterm-selection {
overflow: hidden;
}

[Tyriar]

I can't reproduce this, are you on the latest version (@xterm/xterm) and are you doing something atypical with the scrolling? For example are you creating a tall terminal and wrapping that with your own scroll bar?

[jtbandes]

For what it's worth, I saw this too. At first I assumed it was an intentional feature, but it seems to behave a bit weirdly (always shows up at the top even if the selection is scrolled off the bottom of the window). It's reproducible with minimal configuration: https://codesandbox.io/p/sandbox/xtermjs-test-forked-rfznf7

(Chrome 131.0.6778.70, macOS 15.1)

Screen.Recording.2024-11-18.at.3.11.53.PM.mov

[JunisXu]

@Tyriar 遇到了相同问题，
1.如果使用HTML渲染方式，会出现灰块，一直悬浮在顶部，

2.如果使用webgl方式渲染，则会出现，最后一行，复制时选中行错乱问题（有尝试过增大行高依旧无效）

请给出解决方案，急！！！！

[Tyriar]

It's unclear why I don't see this in VS Code either 🤔

[Sczlog]

I am facing the same problem, after selecting some thing and scroll selected text out of view, there will be some mask over the first line make content not visible

2025-04-28.15-25-36.mp4

[yuzw1007]

我也遇到相同得问题，一段文字被选中时，然后上下滚动鼠标滑轮，

上面这个图中的top值，当超出上下边界时这个top值。