Bug 236352

Summary: date input gains whitespace with display: block
Product: WebKit Reporter: Stephen Reay <srspam+webkitbugzilla>
Component: Layout and RenderingAssignee: 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

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>