Bug: irregular behaviour of sidescroll when webpage zoomed-in

[AnimeshKumar923]

React version: NA

System details:

• Ubuntu 24.04.2 LTS
• Google Chrome [Version 134.0.6998.88 (Official Build) (64-bit)]

Screen recording

Screencast.from.2025-04-06.11-10-42.mp4

Steps To Reproduce

1. Go to this docs link on Chrome browser
2. Make browser full-screen.
3. Zoom-in page to 110% and check the code illustration

Link to code example: NA

The current behavior

The codesandbox preview being rendered should not fluctuate as you can see in the screen recording. The preview fluctuates in 110% zoom level, but when I revert it back to 100% it remains static.

The expected behavior

The preview being rendered should remain static as in any other zoom levels

[shahriya1995]

Hi, @AnimeshKumar923 I am contributing for first time and would like to work on this issue. Could I give a try?

[AnimeshKumar923]

@shahriya1995 Yes, you can. But before working on it, can you provide your approach on how you're going to solve it?