Open Bug 1701991 Opened 4 years ago Updated 7 months ago

Quirks-mode rendering causes some images to not show up at www.sitly.it (with percentages inside of scrollable flex items)

Categories

(Core :: Layout: Flexbox, defect)

defect

Tracking

()

People

(Reporter: dholbert, Unassigned)

References

Details

Attachments

(2 files)

Attached file testcase 1

Filing this for https://github.com/webcompat/web-bugs/issues/69048

(This is similar to bug 1687557, but may be subtly different; in particular: in this bug, the flex item needs to be scrollable in order to trigger the issue).

STR:

  1. Load testcase.

EXPECTED RESULTS: blue square.
ACTUAL RESULTS: blank page.

Chrome gives EXPECTED RESULTS; Firefox gives ACTUAL RESULTS.

Note that if I add a doctype to make the testcase render in standards-mode, then chrome changes to match Firefox & render a blank page. So Chrome's behavior here seems to be part of the percentage-height quirks-mode quirk. Not yet sure whether it makes sense & is a bug on our side or their side yet.

Attached file testcase 2
Severity: -- → S3
Webcompat Priority: --- → ?
Webcompat Priority: ? → P2
Webcompat Priority: P2 → P3

The testcases still render differently on Firefox, but the page with the webcompat issue no longer exists, so unsetting webcompat priority for now.

Webcompat Priority: P3 → ---
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: