material-components / material-components/material-web
Text field type="file" doesn't use the "accept" attribute
Open
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 11.3k
- Forks
- 1.1k
- Avg merge
- 20h 28m
- Merged PRs (30d)
- 13
Description
What is affected?
Component
Description
<md-outlined-text-field id="file"
type="file"
label="KML file"
accept=".kml"
required>
Accept seems to be ignored. It should filter the files in my file chooser based on accept, but it doesn't.
Reproduction
Add type="file" accept=".png" to a text input then click it.
Workaround
Workaround is to not use a material input.
Is this a regression?
No or unsure. This never worked, or I haven't tried before.
Affected versions
1.X
Browser/OS/Node environment
n/a
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the text field component implementation and reproduce the issue using a text input configured with type="file" and accept=".png". Compare the component's behavior with the native file chooser and verify that accepted-file filtering works for the reported KML and PNG examples.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100