2010102 - www.osmosis.org - page layout is broken

Status: ASSIGNED

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

Description

[Ksenia Berezina [:ksenia]]

Environment:
Operating system: Mac
Firefox version: Firefox 146.0.1 (release)

Preconditions:

• Clean profile

Steps to reproduce:

1. Navigate to: https://www.osmosis.org/notes/Urticaria_and_erythema_nodosum#page-1
2. Observe the page

Expected Behavior:
Document centered

Actual Behavior:
Document is shifted to the left, making it hard to read

Notes:

• Reproducible on the latest Firefox Release and Nightly
• Reproducible regardless of the ETP setting
• Works as expected using Chrome

---

Created from webcompat-user-report:85c77324-31e4-45cf-92f8-83dde5a2f85a:

The pdf view on this website is not working on firefox (works fine on chromium - brave). While everything does load, the positioning on the screen is broken of the pdf. The PDF should be in the centre, but it's all the way to the left on the screen, there's meant to be the pdf in the centre, and some boxes with info in them on the left, and things on the right. The other elements are fine. However, PDF on the left means it's behind the boxes, so it's unusable

Comment 1

[Liam England]

The site is using justify-items: center without display: grid which currently only Chrome supports, causing the item to not be centered in Firefox.

https://github.com/web-platform-tests/interop/issues/1037
https://bugzilla.mozilla.org/show_bug.cgi?id=1930583

Comment 2

[Thomas Wisniewski [:twisniewski]]

Attachment: Bug 2010102 - add a CSS webcompat intervention for www.osmosis.org; r?denschub

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/f90389b5108c
https://hg.mozilla.org/integration/autoland/rev/1bf6bf5e7cbe
add a CSS webcompat intervention for www.osmosis.org; r=denschub,webcompat-reviewers

Comment 4

[agoloman]

https://hg.mozilla.org/mozilla-central/rev/1bf6bf5e7cbe

Comment 5

[Iulian Moraru]

https://hg.mozilla.org/mozilla-central/rev/1bf6bf5e7cbe