2008243 - Loss of content or functionality at 400% zoom. (Overall page layout)

Status: NEW

(Firefox :: New Tab Page, defect)

Description

[John Northup]

Steps to Reproduce

Set the viewport width to 1280px and zoom to 400%.

Expected Behavior

No loss of content or functionality occurs and horizontal scrolling is avoided.

Actual Behavior

Zooming content up to 400%, content collisions occur and horizontal scrolbar appears. Focused Top sites/Shortcuts links may be hidden behind the Weather Opt-In dialog. Context disclosures for Top Sites/Shortcuts links are visually truncated. _Settin

User Impact

Difficulty in perceiving, navigating, and operating content.

WCAG 2.2 References

• WCAG 1.4.10 - Reflow
• WCAG 2.4.11 - Focus Not Obscured (Minimum)

Recommendations

Linearize all content. Ensure that content containers do not exceed 100% width.

Testing Environment

Any

Assistive Technology Used

None

Code Pointers

Further Reference

• WebAIM: Responsive Design and Reflow

Comment 1

[John Northup]

Attachment: Reflow problems: content collisions, obscured focus

Comment 2

[John Northup]

Attachment: Reflow problems: truncated disclosure in Top sites/shortcuts

Comment 3

[John Northup]

Attachment: Reflow problems: truncated Settings dialog

Comment 4

[Ardelean Oana, Desktop Test Engineering [:oardelean]]

I managed to reproduce this issue on:

• Firefox Nightly 149.0a1;
• Firefox 148.0b6;
• Firefox 147.0.1;

Tested and reproduced on:

• Windows 10;
• Ubuntu 22;
• macOS 15;

Setting as NEW.

Comment 5

[BugBot [:suhaib / :marco]]

The severity field is not set for this bug.
:thecount, could you have a look please?

For more information, please visit BugBot documentation.

Comment 6

[❌ Anna Yeddi [:ayeddi] ❌ On leave until 2027-01-04]

setting the severity of the bug to align with a11y-severity, per discussion with :thecount