Closed Bug 1821559 Opened 1 year ago Closed 1 year ago

baseline-aligned fieldset flex item should derive baseline from its main content area, not from its legend

Categories

(Core :: Layout: Flexbox, defect)

defect

Tracking

()

VERIFIED FIXED
113 Branch
Tracking Status
firefox113 --- verified
firefox114 --- verified

People

(Reporter: dholbert, Assigned: TYLin)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

STR:

  1. Load this testcase:
data:text/html,<!DOCTYPE html>
<div style="display:flex; align-items:baseline;border:1px solid black">
<div>abc</div><fieldset><legend>Legend</legend>F1<br>F2

EXPECTED RESULTS:
"abc" should be baseline-aligned with "F1" (i.e. the fieldset's body)

ACTUAL RESULTS:
"abc" is basleine-aligned with the fieldset's legend instead.

Chrome gives EXPECTED RESULTS.

Firefox and Epiphany (Powered by WebKitGTK 2.38.5) give ACTUAL RESULTS.

This is the reason we fail several interop-2023-relevant WPT tests:
https://wpt.fyi/results/css/css-flexbox/fieldset-baseline-alignment.html
https://wpt.fyi/results/css/css-flexbox/alignment/flex-align-baseline-fieldset-001.html
https://wpt.fyi/results/css/css-flexbox/alignment/flex-align-baseline-fieldset-002.html
https://wpt.fyi/results/css/css-flexbox/alignment/flex-align-baseline-fieldset-003.html

Pushed by tlin@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/99873529aedc
Get fieldset's baseline from fieldset content, not from legend. r=dshin
Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → FIXED
Target Milestone: --- → 113 Branch
QA Whiteboard: [qa-113b-p2]

Reproducible on a 2023-03-14 Nightly build on macOS 12.
Verified as fixed on Firefox 113.0(build ID: 20230501151611) and Nightly 114.0a1(build ID: 20230502160708) on macOS 12, Windows 10, Ubuntu 22.

Status: RESOLVED → VERIFIED
QA Whiteboard: [qa-113b-p2]
See Also: → 1848252
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: