35787 2010-03-05 02:57:21 -0800 Display of vertical-align: baseline in table with input fields 2025-09-11 15:48:18 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All All RESOLVED CONFIGURATION CHANGED http://joeholdcroft.com/webkit-form-table-bug/ InRadar P2 Normal --- 1 info webkit-unassigned ahmad.saleem792 bart bfulgham lars-erik lizmitchell webkit-bug-importer oldest_to_newest 196396 0 info 2010-03-05 02:57:21 -0800 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/ 1315952 1 lars-erik 2017-06-06 03:41:06 -0700 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. 1882258 2 bfulgham 2022-07-11 17:05:50 -0700 This continues to be a problem 5 years after Lars-Erik's note (12 years!) 1882259 3 webkit-bug-importer 2022-07-11 17:06:01 -0700 <rdar://problem/96851436> 2042712 4 bart 2024-06-23 23:36:18 -0700 See also https://bugs.webkit.org/show_bug.cgi?id=142968 which talks of the same bug appearing in a flex context. 2142120 5 ahmad.saleem792 2025-09-10 07:59:54 -0700 It seems to not happen on Safari Technology Preview 227 but jump or shift happens on Safari 18.6 when we type text in second field. So I think we fixed it already in STP.