Bug 236352 - date input gains whitespace with display: block
Summary: date input gains whitespace with display: block
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-02-09 00:39 PST by Stephen Reay
Modified: 2022-02-15 09:31 PST (History)
5 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Stephen Reay 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"  />
```
Comment 1 Simon Fraser (smfr) 2022-02-09 09:14:51 PST
Dup of bug 139848?
Comment 2 Radar WebKit Bug Importer 2022-02-15 09:31:34 PST
<rdar://problem/88969811>