Open Bug 1460186 Opened 3 years ago Updated 2 years ago

input type=file is sensitive to height (while chrome and safari don't)


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

61 Branch



Webcompat Priority revisit


(Reporter: karlcow, Unassigned)



(Whiteboard: [webcompat])


(1 file)

If I understand Bug 52500 introduces the possibility to style <input type="file"/> with CSS.

There are different behaviors on macOS and Android at least in between Firefox and Chrome/Safari. (See the screenshot)

Test case:
data:text/html,<!doctype html><html style="background-color:pink;height:100vh"><input type="file" style="height:50px;background-color:gold;"/></html>

* Safari Chrome: leave the widget size as-is but grows the box.
* Firefox: changes the style of the widget and make it fill the box.


(needs testing on Edge)
Flags: webcompat?
See Also: → input[type=file]
This is effectively the same underlying cause of bug 1457628, see there for more context.
See Also: → 1457628
Priority: -- → P2

Migrating Webcompat whiteboard priorities to project flags. See bug 1547409.

Webcompat Priority: --- → ?

See bug 1547409. Migrating whiteboard priority tags to program flags.

Note: the site this was reported against has fixed the issue on their end. Probably still good to eventually fix this though.

Webcompat Priority: ? → revisit
Flags: webcompat?
You need to log in before you can comment on or make changes to this bug.