1696062 - Date input size incorrectly rendered using grid-template-columns min-content

Status: RESOLVED DUPLICATE of bug 1695578

(Core :: Layout: Form Controls, defect, P3)

Description

[diversscrap]

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

Steps to reproduce:

HTML :
<div class="container_depth06 navbar_inputform_date">
<div class="container_depth07 navbar_input_date_control">
<input type="date" id="report_period_date" name="report_period_date" value="" min="2010-01-01">
</div>
</div>

CSS :
.navbar_inputform_date {
grid-template-columns: min-content;
}

Actual results:

The input box doesn't respond to the min-content sizing keyword. The end-result is a tiny box not sized to the content, in this case the default date (yyyy-mm-dd).

Expected results:

The input box should obey the min-content sizing keyword.

Comment 1

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

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

Comment 2

[diversscrap]

Attachment: Render in Firefox 85.0.2 (correct)

Comment 3

[diversscrap]

Attachment: Render in Firefox 86.0 (incorrect)

Comment 4

[Mats Palmgren (inactive)]

Attachment: Reporter's testcase