1940063 - Date picker button appears to be wrapped in line breaks / new lines

Status: RESOLVED FIXED

(Core :: Layout: Form Controls, defect)

Description

[Jamie]

Attachment: Date picker button test

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:133.0) Gecko/20100101 Firefox/133.0

Steps to reproduce:

Apply whitesapce: pre to a date input element: <input type="date" style="white-space: pre"/>

Actual results:

The date picker button appeared to have a lot of vertical padding, which disappeared once the cascaded whitespace: pre property was removed from the element.

Presumably there is whitespace around the calendar character in the source.

Expected results:

I wouldn't (and don't think others would) expect whitespace to appear before or after the button, or affect it's position.

I acknowledge that it's probably pointless for whitespace: pre to be applied directly to date inputs, but I don't think it's unlikely for that property to cascade from the parent element (such as a label), and it was quite difficult to figure out the cause.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Form Controls' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Jonathan Kew [:jfkthame]]

Attachment: Bug 1940063 - Ensure white-space:nowrap is set for the entire datetimebox widget. r=#reusable-components-reviewers

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/507fe411e83f
Ensure white-space:nowrap is set for the entire datetimebox widget. r=desktop-theme-reviewers,emilio

Comment 4

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/50052 for changes under testing/web-platform/tests

Comment 5

[Narcis Beleuzu [:NarcisB]]

https://hg.mozilla.org/mozilla-central/rev/507fe411e83f

Comment 6

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot