Bug 245225

Summary: wrong input text position with line-height
Product: WebKit Reporter: Christopher Adels <info>
Component: Layout and RenderingAssignee: zalan <zalan>
Status: RESOLVED FIXED    
Severity: Normal CC: ahmad.saleem792, akeerthi, bfulgham, cdumez, changseok, esprehn+autocc, ews-watchlist, gyuyoung.kim, karlcow, mifenton, simon.fraser, webkit-bug-importer, wenson_hsieh, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 15   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=245422
Attachments:
Description Flags
[fast-cq]Patch
none
line height vs. input box none

Christopher Adels
Reported 2022-09-15 09:12:33 PDT
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
Attachments
[fast-cq]Patch (4.99 KB, patch)
2023-05-26 14:20 PDT, zalan 		no flags
DetailsFormatted DiffDiff
line height vs. input box (362.37 KB, video/quicktime)
2023-05-26 14:22 PDT, zalan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2022-09-22 09:13:18 PDT
<rdar://problem/100278323>
Ahmad Saleem
Comment 2 2023-05-25 11:56:28 PDT
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!
zalan
Comment 3 2023-05-25 12:46:41 PDT
This looks to be specific to strict mode (<!DOCTYPE html>)
zalan
Comment 4 2023-05-25 21:42:43 PDT
(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))
Karl Dubost
Comment 5 2023-05-25 21:51:34 PDT
And that looks like a duplicate of Bug 167209
Karl Dubost
Comment 6 2023-05-25 21:52:44 PDT
Other bugs related to line-height and input: bug 236108 and bug 203751
zalan
Comment 7 2023-05-26 14:20:40 PDT
Created attachment 466507 [details] [fast-cq]Patch
zalan
Comment 8 2023-05-26 14:22:32 PDT
Created attachment 466508 [details] line height vs. input box
zalan
Comment 9 2023-05-26 16:06:22 PDT
(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.
EWS
Comment 10 2023-05-26 17:20:28 PDT
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].
Note You need to log in before you can comment on or make changes to this bug.