Bug 236352

Summary:	date input gains whitespace with display: block
Product:	WebKit	Reporter:	Stephen Reay <srspam+webkitbugzilla>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	NEW
Severity:	Normal	CC:	akeerthi, bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari Technology Preview
Hardware:	Mac (Intel)
OS:	macOS 11
See Also:	https://bugs.webkit.org/show_bug.cgi?id=139848

Stephen Reay

Reported 2022-02-09 00:39:59 PST

A date/datetime input's shadow DOM elements gain mysterious vertical whitespace when the input element has a `display` of `block` or `inline-block`. This is shown via date[time] inputs that are styled via Bootstrap, for example: https://github.com/twbs/bootstrap/issues/34433 Very minimal reproduction to demonstrate the issue: ``` <input type="date" style="border: 1px black solid" /> <input type="date" style="display:block; border: 1px black solid" /> ```

Attachments
Add attachment proposed patch, testcase, etc.

Simon Fraser (smfr)

Comment 1 2022-02-09 09:14:51 PST

Dup of bug 139848?

Radar WebKit Bug Importer

Comment 2 2022-02-15 09:31:34 PST

<rdar://problem/88969811>

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