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

Status: NEW

(Core :: Layout: Flexbox, defect)

Description

[Daniel Holbert [:dholbert]]

Attachment: 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.

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: testcase 2

Comment 2

[Thomas Wisniewski [:twisniewski]]

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