Bug 128287 - The computed lineHeight for <textarea> is broken when set to a relative value
Summary: The computed lineHeight for <textarea> is broken when set to a relative value
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/yungsters/qt84F/s...
Keywords:
Depends on:
Blocks:
 
Reported: 2014-02-05 18:24 PST by Ryosuke Niwa
Modified: 2022-09-30 08:46 PDT (History)
7 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 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!