Fix Android Chrome input date dimensions

[tkrotoff]

Under Android Chrome, input date dimensions are broken:

• too tall because of "margin: 1px 24px 1px 4px" inside the shadow DOM
• width is too small by default

Before 40px high vs 38px for the other inputs:

After 38px high:

I've tested by plugging in my Android device via USB then opened chrome://inspect/#devices (USB debugging must be enabled on the device).
Hence the need for an HTTP server

[XhmikosR]

See comments

[tkrotoff]

Any news?

[tkrotoff]

Any news?

[mdo]

Missed this myself. Is the width bug present in any other browser? I don’t have an Android to test myself.

[tkrotoff]

Visual tests js/tests/visual/input.html

On macOS Monterey 12.6.2:

• Chrome 109: no problem
• Firefox 108: no problem
• Safari 16.2: no problem
• Edge 109: no problem

On Android 13 (Pixel 4):

• Chrome 109: width & height problem
• Firefox 109: no problem

On iOS 16.2 (iPhone 14 Pro Max Simulator):

• Safari 16.2: no height problem (thx to https://github.com/twbs/bootstrap/blob/v5.3.0-alpha1/scss/forms/_form-control.scss#L47-L53), width problem:

The width problem on Safari iOS is also fixed by this PR: