Scrolling Issue in Edge Browser with Scale and Layout Settings at 100% and 125%

Question

Machine and Browser Details:

• Operating System: Windows 10
• Scale and Layout Settings: 100%
• Edge Browser Version: Version 114.0.1823.58 (Official build) (64-bit)

Issue Details:

When applying a background-color property to the content element, scrolling (both vertical and horizontal) is not functioning as expected. The scrollbar appears, but clicking and dragging the scrollbar thumb does not scroll the content. However, scrolling with the mouse wheel works fine.

Please find the below sample for reference.

sample: https://stackblitz.com/edit/edge-browser-scrollbar-issue-ohyzzq?file=index.html

Replication Procedure:

1. Set the Scale and Layout settings to 100%.
2. Open the provided sample in the Edge browser.
3. Attempt to scroll the content element by clicking and dragging the scrollbar thumb.
4. Notice that the content does not scroll.

Note:

• This issue is specific to the Edge browser and does not occur in other browsers.
• Removing the background-color CSS property allows scrolling to work correctly.
• Changing the Scale and Layout settings to 150% resolves the scrolling issue.

Regards,
Rajapandiyan S

Answer 1

Hi @Rajapandiyan Settu,

According to your description, I also tested this code, and I found that there is indeed abnormal behavior(scroll issue) in Microsoft Edge, but there are also some differences.

Changing the Scale and Layout settings to 150% resolves the scrolling issue.

In my test, the page scrolling issue occurs all the time (even page zoom >= 150%).

In this case, I recommend that you send feedback to relevant team to report this issue. Press Alt+Shift+i and edit the issue then send it. Hope this issue be resolved as soon as possible.

Best regards,

Xudong Peng

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Hi Team,

We followed your suggestion and provided feedback through the Microsoft Edge feedback portal. However, we have not received a response yet. Therefore, we kindly request an update on the status of the issue. Many of our customers are also experiencing the same problem, so we would appreciate it if you could prioritize this matter and resolve it as soon as possible.

Answer 3

Hi,

Is this issue got resolved in the 115 version, as I am not able to replicate the same
https://stackblitz.com/edit/edge-browser-scrollbar-issue-ohyzzq?file=index.html

Microsoft Version: 115.0.1901.188
Screen Size: 100/125 & 150 %