Bug 35787 - Display of vertical-align: baseline in table with input fields
Summary: Display of vertical-align: baseline in table with input fields
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://joeholdcroft.com/webkit-form-t...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2010-03-05 02:57 PST by Joe Holdcroft
Modified: 2022-07-11 17:06 PDT (History)
4 users (show)

See Also:

Attachments
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 Joe Holdcroft 2010-03-05 02:57:21 PST 
When setting veritcal-align: baseline; on table cells, and including a label in a cell then next to it an input for that label in the next cell, if the value of the input it set to nothing, or not set, there is excess spacing added around the input which makes the label appear lower down.

See this simple test case for further detail:

http://joeholdcroft.com/webkit-form-table-bug/
Comment 1 Lars-Erik Bruce 2017-06-06 03:41:06 PDT 
Seven years later, and this is still a bug in Safari. I have a small reproduction of the bug here:

https://jsfiddle.net/lebbe/mao4cmfL/

No other browsers have this odd behaviour when combining vertical-align: baseline on table cells, with display: block in input elements inside the table cell.
Comment 2 Brent Fulgham 2022-07-11 17:05:50 PDT 
This continues to be a problem 5 years after Lars-Erik's note (12 years!)
Comment 3 Radar WebKit Bug Importer 2022-07-11 17:06:01 PDT 
<rdar://problem/96851436>