Bug 203751

Summary:

<input type="search"> not respecting line-height CSS property

Product:

WebKit

Reporter:

Aswin <vaswin91>

Component:

Forms

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Major

CC:

akeerthi, cdumez, simon.fraser, timothy, webkit-bug-importer, wenson_hsieh, zalan

Priority:

Keywords:

InRadar

Version:

Safari 13

Hardware:

Mac

OS:

macOS 10.15

See Also:

https://bugs.webkit.org/show_bug.cgi?id=236108

Attachments:

Description	Flags
a html file with a search input whose line-height is being set	none

Aswin

Reported 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.

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 attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2019-11-03 10:29:25 PST

<rdar://problem/56849764>

Simon Fraser (smfr)

Comment 2 2019-11-04 10:26:17 PST

This is about form control painting.

alan

Comment 3 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.

Note You need to log in before you can comment on or make changes to this bug.