Bug 229856

Summary: Checkbox + Flexbox Baseline Alignment
Product: WebKit Reporter: Nathan Hammond <bugs.webkit.org>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, simon.fraser, svillar, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Demonstration of the failure.
none
Screenshot of the unaligned checkboxes. none

Description Nathan Hammond 2021-09-03 03:52:53 PDT
Created attachment 437256 [details]
Demonstration of the failure.

When compared to a fully-inline element, checkbox descendants of a flexbox set to align on baseline do not appear on a consistent baseline.

(I don't presume to specify which of these two checkboxes is in the wrong location, but they cannot both be right.)
Comment 1 Nathan Hammond 2021-09-03 03:54:48 PDT
Created attachment 437257 [details]
Screenshot of the unaligned checkboxes.
Comment 2 Nathan Hammond 2021-09-03 04:02:56 PDT
- Chrome: Alignment is consistent.
- Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1728976
Comment 3 Sergio Villar Senin 2021-09-05 10:57:40 PDT
Yeah there is still a lot of work pending to be done in baseline alignment for flexbox.
Comment 4 Radar WebKit Bug Importer 2021-09-10 09:15:24 PDT
<rdar://problem/82975177>