Bug 128287

Summary:	The computed lineHeight for <textarea> is broken when set to a relative value
Product:	WebKit	Reporter:	Ryosuke Niwa <rniwa>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	ahmad.saleem792, dbates, kling, koivisto, krit, man.zhong, menard
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	Unspecified
OS:	Unspecified
URL:	http://jsfiddle.net/yungsters/qt84F/show/

Description Ryosuke Niwa 2014-02-05 18:24:03 PST

What steps will reproduce the problem?
1. Go to: http://jsfiddle.net/yungsters/qt84F/show/
2. Zoom in to 150% (works with anything not 100%).

What is the expected result?
The visual line height of both <textarea>'s should be the same, and their `scrollHeight` should be the same.

What happens instead?
The visual line height of the target <textarea> is significantly smaller than the line height of the source <textarea>.

See https://code.google.com/p/chromium/issues/detail?id=341262

Comment 1 Ahmad Saleem 2022-09-30 08:45:38 PDT

I am able to reproduce this in Safari 16 and STP 154 using attached JSFiddle and it shows following:

For Target:

lineHeight: 20.000002px
scrollHeight: 65px <----- changes from 62 px and show in "red"

>>> Chrome Canary 108:

lineHeight: 20px
scrollHeight: 64px <----- does not change even with zoom.

>>> Firefox Nightly 107:

lineHeight: 20px
scrollHeight: 64px <----- does not change even with zoom.

Comment 2 Ahmad Saleem 2022-09-30 08:46:36 PDT

Chrome bug was merged into https://bugs.chromium.org/p/chromium/issues/detail?id=138730, for which I get "permission denied". Just want to highlight. Thanks!