Links text and buttons UI are Overlapping with Zoom 200%, 400%, Text Scaling & High Dpi

[msftedad]

Environment Details

OS version: Windows11 version 21H2 (OS build 22000.856)
Edge version: 104.0.1293.47

Repro Steps:

1. Open URL: Document (1).mhtml
2. Apply text size to 200% and resolution 1280x720.
3. And observe that "my heading is a list item" and "example" texts are getting to overlap

Actual Result:

After resizing and reflowing text is getting to overlap

Expected Result:

After resizing and reflowing text should not get overlapped

Screenshot Attachment:

[trusktr]

Hello! The link is not working. It takes me to a Microsoft login page.

[msftedad]

Hi Team,

Here is the open URL to reproduce the issue https://zorana-jankovic.github.io/example/#/

[trusktr]

It is like trying to render desktop content on mobile if you zoom in like that. Why do you need to zoom like that? What do you think the solution should be?

[msftedad]

Hi,

This is the common way low vision users can see the content without confusion.

According to the https://www.w3.org/WAI/WCAG21/Understanding/resize-text and https://www.w3.org/WAI/WCAG21/Understanding/reflow WCAG rules the content should not get overlapped.

[v-sudmandal]

Hi @msftedad

Please let us know your plans on fixing this bug so that our team will regress and close it which makes the product compliant.

[SritejaGolla]

Hi @trusktr

Any update on the above bug ? Please let us know your plans on fixing this bug.

[v-sudmandal]

Hi @trusktr

Any update on the above bug?

[v-shamohsin]

Hello @trusktr

Can you provide an update on this please

[v-shamohsin]

Hi @trusktr , Can you please provide an update on this please. Thanks

[v-shamohsin]

Hi @trusktr , Can you please provide an ETA for the fix

[msftedad]

Hi Team, is there any update on this bug?

[msftedad]

Hi Team, Is there any update on this issue?

[msftedad]

Hi Team, Is there any update on this issue?