Scrolling text is very laggy and causes screen tearing
Steps to reproduce
- Scroll in chat
Hardware acceleration/GPU
Hardware acceleration does not affect it, but the issue is significantly worse with it off. Likewise, GPU model does not affect it between AMD or Nvidia.
Outcome
What did you expect?
Normal scrolling.
What happened instead?
Scrolling is stuttery, slow, and causes lots of screen tearing and visual artifacts.
Operating system
Windows 11/Windows 10
Application version
Element version: 1.11.101
How did you install the app?
Official Windows installer
Homeserver
No response
Will you send logs?
Yes
Additional info
This behavior is not present on my other Windows 11 install with version 1.11.99. It seems that either .100 or .101 introduced it.
To confirm, the moment I updated my outdated .99 install to .101, the issue showed up on that computer too.
Especially watch the top left corner.
https://github.com/user-attachments/assets/08a304f3-2fdf-4a5f-9d61-ec5806eba000
Windows 11 - Broken
app = element-web
version = 1.11.101
user_agent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Element/1.11.101 Chrome/136.0.7103.48 Electron/36.0.0 Safari/537.36
installed_pwa = false
touch_input = false
label = A-Element-R
enabled_labs = feature_video_rooms, feature_notification_settings2, feature_element_call_video_rooms, feature_group_calls, feature_release_announcement
storageManager_persisted = true
storageManager_quota = 169030400152
storageManager_usage = 21514392
storageManager_usage_indexedDB = 21514392
Windows 10 - Broken
app = element-web
version = 1.11.101
user_agent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Element/1.11.101 Chrome/136.0.7103.48 Electron/36.0.0 Safari/537.36
installed_pwa = false
touch_input = false
label = A-Element-R
enabled_labs = feature_video_rooms, feature_element_call_video_rooms, feature_group_calls, feature_release_announcement
storageManager_persisted = true
storageManager_quota = 49397549374
storageManager_usage = 16980286
storageManager_usage_indexedDB = 16980286
Windows 11 - Working
app = element-web
version = 1.11.99
user_agent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Element/1.11.99 Chrome/134.0.6998.179 Electron/35.1.4 Safari/537.36
installed_pwa = false
touch_input = false
label = A-Element-R
enabled_labs = feature_video_rooms, feature_notification_settings2, feature_element_call_video_rooms, feature_group_calls, feature_release_announcement
storageManager_persisted = true
storageManager_quota = 14949795304
storageManager_usage = 21779944
storageManager_usage_indexedDB = 21779944
No code in the timeline has changed between those versions, but an Electron update was done, so likely an upstream issue.
No code in the timeline has changed between those versions, but an Electron update was done, so likely an upstream issue.
electron/electron#46519 is a little bit similar, but the wrong version and different graphical issues. There is no full page flickering like that on the machines I have tested. It looks like screen tearing, but sometimes it jitters up and down, lines overlap or elements are somewhat misplaced vertically.
Additionally, there is no difference between mouse wheel scroll and scrollbar.
Confirming no issues with mine.
W10, 1.11.101
Confirming no issues with mine.
W10, 1.11.101
It's especially noticeable for me when I scroll quickly up/down, like in the video I put above. Do you not see it even with that?
Also, if you have the time, what GPU are you using, and what specific Windows version (from winver)? Maybe it's cause I'm on 23H2 instead of 24H2? Do you have hardware acceleration enabled in Element?
Confirming no issues with mine. W10, 1.11.101
It's especially noticeable for me when I scroll quickly up/down, like in the video I put above. Do you not see it even with that?
Also, if you have the time, what GPU are you using, and what specific Windows version (from winver)? Maybe it's cause I'm on 23H2 instead of 24H2? Do you have hardware acceleration enabled in Element?
I did scroll up and down before posting. I did see your video too. I am not disputing your finding, I just giving you more info so you can diagnose on other settings etc.
I did scroll up and down before posting. I did see your video too. I am not disputing your finding, I just giving you more info so you can diagnose on other settings etc.
I'm sorry, I should have worded it better. Thank you though, that's exactly what I was hoping for. It's just odd that I have it on 2 independent computers, and a friend has it too, but it doesn't seem universal at all, even with similar configurations.
I didn't immediately see any Electron changes that seemed like the cause either.
I might be doomed to an eternity of stutter... 😭
i think that one of the temporary fixes you can do is to turn off hardware acceleration. many software enable hardware acceleration by default but some apps do not accelerate hardware properly (such as my gg chrome or element desktop setup) causing the scrolling to be extremely laggy - therefore requiring to turn off this feature. please check if your element setup has this feature on