Material-components-web: Investigate how to support file input fields

[traviskaufman]

Currently only text input fields will be styled. It would be great to support the styling of file input fields.

If you decide not to support this, than no styling should be done. Because currently it will be styled and the label is over the uplaod button.

Copied from https://github.com/google/material-design-lite/issues/1031

[traviskaufman]

@sgomes do we want to prioritize this?

[sgomes]

@traviskaufman Sounds useful. Should we run it by the designers first, to make sure this is a good pattern?

[traviskaufman]

@sgomes definitely; it needs design guidance for sure. I know that part of the design team is working on forms in general, and I've let them know about our considerations for file inputs, so they might be tackling this already.

[acdvorak]

It is unlikely that we will implement this any time soon (if ever), for a number of reasons:

1. File inputs are not in the spec
2. They're platform-specific (Web only)
3. Working around the strict, constantly-shifting browser limitations on styling and interacting with file inputs is a time-consuming nightmare
4. Other components that are used much more frequently are higher on our priority list

[BlkPingu]

Any news on this?

[lborgman]

I assume people working on PWA:s really need this. Any news?

[zodiacfireworks]

After four years ... Any news?

[lborgman]

I guess that what most people are doing now is making an <input type="file"> with opacity: 0 and putting that over something shown to the user. Why not support that? It can't be much work, or?

[AndrewLevada]

Hm.. Don't think that 'design-guidance' is really needed. It would be nice to be able to simply change _\