1849604 - The Walmart page is not properly displayed with Scaling higher than 150%

Status: RESOLVED INVALID

(Web Compatibility :: Site Reports, defect, P3)

Description

[Rares Doghi, Desktop QA]

Attachment: 150Scaling.mp4

Found in

• Nightly 118.0a1 (2023-08-21)

Affected versions

• Nightly 118.0a1 (2023-08-21)

Affected platforms

• ALL

Preconditions:
Set the browser.shopping.experience2023.enabled - TRUE
Set the browser.shopping.experience2023.optedIn - 1
Set Windows Scaling to 150% or Higher (Start > Settings > Make everything bigger > scaling 150%)

Steps to reproduce

1. Reach https://www.walmart.com/ip/FLEXISPOT-48-W-Home-Office-Height-Adjustable-Standing-Desk-White-Chipboard-Top-with-USB-Charge-Ports-Drawer/678996741?adsRedirect=true

Expected result

• The Walmart page should be displayed correctly when the Shopping sidebar is opened.

Actual result

• Some reviews and ads are cut when the Windows scaling is 150% or higher.
• Please note that if the Bookmarks sidebar is opened as well the elements on the page get worse.

Regression range
Not Applicable

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

:rdoghi, if you think that's a regression, could you try to find a regression range using for example mozregression?

Comment 2

[Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

Is this bug reproducible with the shopping sidebar disabled, or in other browsers?

Comment 3

[:Gijs (he/him)]

Yeah, this reproduces without the sidebar. I think this is "just" a walmart site issue.

Comment 4

[Anna Yeddi [:ayeddi]]

(In reply to :Gijs (he/him) from comment #3)

Yeah, this reproduces without the sidebar. I think this is "just" a walmart site issue.

This does look to me too like a Walmart website is failing both WCAG 2.1 Success Criteria 1.4.4 Resize text and 1.4.10 Reflow, not Firefox

Comment 5

[Calin Tanase]

Attachment: FF vs Chrome.mp4

Verified this issue and could reproduce it on both Firefox and Chrome. This is most likely a website issue. Closing this as non-compat.

Note: the issue can be reproduce by using the zoom from the browser