1614050 - Adding 'type=number' to input breaks grid layout

Status: RESOLVED DUPLICATE of bug 1430141

(Core :: Layout: Form Controls, defect)

Description

[jvanheesch]

Attachment: reproducer.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.87 Safari/537.36

Steps to reproduce:

I created reproducer.html and opened in in Firefox.
Browser: Firefox: 72.0.2 (64-bit)
OS: macOS Catalina 10.15.3 (19D76)

Actual results:

Attached html file is rendered differently in firefox than in chrome/safari: the grid layout is not respected.
Removing 'type = number' fixes the layout, and makes it consistent with the other browsers.

Expected results:

I assume the grid layout should be respected, as is the case when 'type=number' is removed.

Comment 1

[Alice0775 White]

This seems already been fixed on Nightly74.0a1 by Bug 1430141.

Fixed range:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=d889627c1bf5c6bce0c41256dbd0a0b1ff5e5074&tochange=55d66d2c77f9bb7720278df75b21a3727b5f0386

Comment 2

[Emilio Cobos Álvarez (:emilio)]

Yes, that makes sense. You can add inline-size: auto to the number input meanwhile to get the same result in 72 / 73.