Bug 249094

Summary: Implement baseline-source CSS property
Product: WebKit Reporter: Tim Nguyen (:ntim) <ntim>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: karlcow, samuel, sebastianzartner, sgill26, sime.vidas, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar, WPTImpact
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
A HTML file showcasing alignment issues with textareas
none
Screenshot of the textarea alignment issue none

Tim Nguyen (:ntim)
Reported 2022-12-11 07:52:45 PST
https://drafts.csswg.org/css-inline-3/#baseline-source Allows choosing between first or last baseline (or auto behavior). WPT being added by https://github.com/web-platform-tests/wpt/pull/37443/
Attachments
A HTML file showcasing alignment issues with textareas (747 bytes, text/html)
2023-04-05 05:52 PDT, samuel 		no flags
Details
Screenshot of the textarea alignment issue (19.84 KB, image/png)
2023-04-05 05:53 PDT, samuel 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2022-12-18 07:53:16 PST
<rdar://problem/103495495>
samuel
Comment 2 2023-04-05 05:52:38 PDT
Created attachment 465773 [details] A HTML file showcasing alignment issues with textareas Textareas are a problematic area with regards to "vertical-align: baseline". I'd expect elements with "vertical-align: baseline" in the same row of a table to be aligned together. As can be seen using the attached HTML file, the label, and the input texts are aligned, but the textarea text isn't. Using "baseline-source: first" solves this issue in Chrome, it would be nice to have the same possibility in webkit. Firefox textareas don't have this issue.
samuel
Comment 3 2023-04-05 05:53:09 PDT
Created attachment 465774 [details] Screenshot of the textarea alignment issue
Šime Vidas
Comment 4 2023-10-27 07:13:10 PDT
It’s worth mentioning that <textarea> does not have this issue in flex layouts with align-items: baseline. I have created a test page with flex layout instead of <table>: https://jsbin.com/cijerob/edit?css,output So it seems that baseline-source would be useful in <table>, but it’s not really needed in flex layouts.
Karl Dubost
Comment 5 2025-06-11 22:01:13 PDT
This makes fail a couple of tests in https://wpt.fyi/results/css/css-inline/baseline-source
Note You need to log in before you can comment on or make changes to this bug.