When the input field has an big height and line-height, the position of the input text is wrong, while the placeholder is correct see https://codepen.io/Chrisstopher/pen/zYjNdPd
<rdar://problem/100278323>
I am able to reproduce this bug in Safari 16.5 & WebKit ToT: 1) Show caret as small of small pixel and even selection container is below input field 2) Text typing is not central like Chrome Canary 115. Just wanted to share latest test result. Thanks!
This looks to be specific to strict mode (<!DOCTYPE html>)
(In reply to zalan from comment #3) > This looks to be specific to strict mode (<!DOCTYPE html>) This is actually about line-height spilling out of the <input>'s shadow dom. (<!DOCTYPE html> is only needed if <input> is the only inline level element on the line (see invisible strut))
And that looks like a duplicate of Bug 167209
Other bugs related to line-height and input: bug 236108 and bug 203751
Created attachment 466507 [details] [fast-cq]Patch
Created attachment 466508 [details] line height vs. input box
(In reply to Karl Dubost from comment #5) > And that looks like a duplicate of Bug 167209 took a brief look at it. sadly it is a very different issue (but easy to address). will post a patch soon.
Committed 264613@main (1446d6fed86f): <https://commits.webkit.org/264613@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 466507 [details].