The entire sidebar repaints on every scroll tick. Styles are recalculated on every scroll tick, and it takes 30ms (!?!?!) on a Ryzen 5600x
Apricot Astronaut
What the f. There are 2 css variables that are updated on every tick, via react state management. This is used to update the css mask-image property which is not something that should ever be applied to a scroll container.
Removing the mask-image property still results in the entire sidebar content being re-rendered in React on every scroll tick.
Beige Quesadilla
UPD: resizing causes freezes too
Beige Quesadilla
UPD2: Browser - Chrome
Mark Florkowski
Team
Which OS and browser are you using?
Beige Quesadilla
Idk about this guy, but wrote my specs above
Blush Cheese
Fedora Linux 40 using Hyprland with Brave and Google Chrome
Same problem using Windows 11, although less noticable because the Windows 11 PC I was using is more powerful, but still feels slower than ChatGPT.
Sapphire Jam
I get the same scroll lag issue on Chrome Windows 11 and Safari iOS
Beige Quesadilla
Having the same issue. My specs - Windows, Chrome browser. Hardware isn’t a problem, currently having Ryzen 5700x3d, RTX 3070, 32gb ram.
Resizing sidebar causing freezes too
Beige Quesadilla
Looks like some calculations in sidebar depend on device type or window managing or smth. Otherwise it would rerender every time on every device emulation in chrome
Beige Quesadilla
btw, administration/devs - feel free to ask additional questions or to record more videos about this bug. I really want it to be fixed as fast as possible and will provide any help to speed up this process
Log in to comment and vote
Comments11
Apricot Astronaut
The entire sidebar repaints on every scroll tick. Styles are recalculated on every scroll tick, and it takes 30ms (!?!?!) on a Ryzen 5600x
Apricot Astronaut
What the f. There are 2 css variables that are updated on every tick, via react state management. This is used to update the css
mask-imageproperty which is not something that should ever be applied to a scroll container.Removing the
mask-imageproperty still results in the entire sidebar content being re-rendered in React on every scroll tick.Beige Quesadilla
UPD: resizing causes freezes too
Beige Quesadilla
UPD2: Browser - Chrome
Mark Florkowski
Which OS and browser are you using?
Beige Quesadilla
Idk about this guy, but wrote my specs above
Blush Cheese
Fedora Linux 40 using Hyprland with Brave and Google Chrome
Same problem using Windows 11, although less noticable because the Windows 11 PC I was using is more powerful, but still feels slower than ChatGPT.
Sapphire Jam
I get the same scroll lag issue on Chrome Windows 11 and Safari iOS
Beige Quesadilla
Having the same issue. My specs - Windows, Chrome browser. Hardware isn’t a problem, currently having Ryzen 5700x3d, RTX 3070, 32gb ram.
Resizing sidebar causing freezes too
Beige Quesadilla
Looks like some calculations in sidebar depend on device type or window managing or smth. Otherwise it would rerender every time on every device emulation in chrome
Beige Quesadilla
btw, administration/devs - feel free to ask additional questions or to record more videos about this bug. I really want it to be fixed as fast as possible and will provide any help to speed up this process