accept pickerOption validates filename instead mime type

[owagner24]

Expected Behavior

I can upload a woff file when I add these accepted mime types to the accept pickerOptions.

"application/*", "font/*", "application/font-woff"

Current Behavior

The following error occurs:

File roboto-v27-latin-regular.woff is not an accepted file type. The accepted file types are application/*,font/*,application/font-woff

The message sounds like the name is validated instead of the mime type.

Possible Solution

Steps to Reproduce (for bugs)

1. Open this fiddle: https://jsfiddle.net/7raeg96p/1/
2. Click on the button
3. Upload a woff file. I can not add one to the issue, but you can download one here: https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=latin

Additional Screenshots

Context

Your Environment

• Version used: 3.x.x
• Browser Name and version: Chrome 90.0.4430.212 (Offizieller Build) (x86_64)
• Operating System and version (desktop or mobile): Mac OSX 11.3
• Link to your project: