1497999 - Disallow setting 'text-transform' on a file input.

Status: NEW

(Core :: Layout: Form Controls, enhancement, P4)

Description

[Mats Palmgren (inactive)]

We should probably not allow 'text-transform' on a file input,
because it could be confusing to the user.
Chrome doesn't allow it, fwiw.

Testcase: data:text/html,<input type=file style="text-transform:uppercase">

ACTUAL RESULT
Both the "Browse..." button text and the filename is in UPPERCASE.

EXPECTED RESULT
'text-transform' has no effect at all on this control

(I haven't checked what Safari/Edge does)

Comment 1

[Mats Palmgren (inactive)]

It should at least not affect the filename... but perhaps the button text is OK.

Comment 2

[Mats Palmgren (inactive)]

There's also a difference in how we handle 'letter-spacing'.
Chrome applies it to the filename, but not the button text.
Firefox applies it to the button text, but not the filename.
In this case, I think I prefer Firefox.
(ditto 'word-spacing')

Comment 3

[Mats Palmgren (inactive)]

data:text/html,<input type=file style="text-align:right !important; width:500px">
is also incompatible.  Chrome seems to ignore 'text-align', we don't.