Bug 229856 - Checkbox + Flexbox Baseline Alignment
Summary: Checkbox + Flexbox Baseline Alignment
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-09-03 03:52 PDT by Nathan Hammond
Modified: 2021-09-10 09:15 PDT (History)
5 users (show)

See Also:

Attachments
Demonstration of the failure. (1.17 KB, text/html)
2021-09-03 03:52 PDT, Nathan Hammond 		no flags Details
Screenshot of the unaligned checkboxes. (28.46 KB, image/png)
2021-09-03 03:54 PDT, Nathan Hammond 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>