Bug 203751 - <input type="search"> not respecting line-height CSS property
Summary: <input type="search"> not respecting line-height CSS property
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 13
Hardware: Mac macOS 10.15
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-11-01 11:57 PDT by Aswin
Modified: 2023-05-26 16:14 PDT (History)
7 users (show)

See Also:

Attachments
a html file with a search input whose line-height is being set (311 bytes, text/html)
2019-11-01 11:57 PDT, Aswin 		no flags Details
View All 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 Aswin 2019-11-01 11:57:04 PDT 
Created attachment 382608 [details]
a html file with a search input whose line-height is being set

The line-height computed value for input[type="search"] remains fixed (13px in my testing) irrespective of the CSS value specified.


Environment 
Version 13.0.3 (15608.3.10.1.4)
macOS Catalina 10.15.1

Have a test case reduction attached here.
Comment 1 Radar WebKit Bug Importer 2019-11-03 10:29:25 PST 
<rdar://problem/56849764>
Comment 2 Simon Fraser (smfr) 2019-11-04 10:26:17 PST 
This is about form control painting.
Comment 3 zalan 2023-05-26 16:14:36 PDT 
This is due to "-webkit-appearance" CSS property which makes the control use fixed values for e.g. height.
"-webkit-appearance: none" loosens it up so that one can size the control freely through line-height, font-size, height etc.