Open Bug 1701991 Opened 1 year ago Updated 3 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)

Product:
Core
Component:
Layout: Flexbox
Type:
defect

Tracking

()

Project Flags:
Webcompat Priority P3

People

(Reporter: dholbert, Unassigned)

References

Details

Attachments

(2 files)

testcase 1
1013 bytes, text/html
Details
testcase 2
538 bytes, text/html
Details
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
You need to log in before you can comment on or make changes to this bug.