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

Nathan Hammond
Reported 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.)
Attachments
Demonstration of the failure. (1.17 KB, text/html)
2021-09-03 03:52 PDT, Nathan Hammond
no flags
Screenshot of the unaligned checkboxes. (28.46 KB, image/png)
2021-09-03 03:54 PDT, Nathan Hammond
no flags
Nathan Hammond
Comment 1 2021-09-03 03:54:48 PDT
Created attachment 437257 [details] Screenshot of the unaligned checkboxes.
Nathan Hammond
Comment 2 2021-09-03 04:02:56 PDT
- Chrome: Alignment is consistent. - Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1728976
Sergio Villar Senin
Comment 3 2021-09-05 10:57:40 PDT
Yeah there is still a lot of work pending to be done in baseline alignment for flexbox.
Radar WebKit Bug Importer
Comment 4 2021-09-10 09:15:24 PDT
Note You need to log in before you can comment on or make changes to this bug.