browser-compat-data icon indicating copy to clipboard operation
browser-compat-data copied to clipboard

html.elements.input.accept - Safari does not support audio/*

Open D3SOX opened this issue 4 weeks ago • 2 comments

What type of issue is this?

Browser bug (a bug with a feature that may impact site compatibility)

What information was incorrect, unhelpful, or incomplete?

It looks like Safari does not have full support for this attribute. When the accept parameter is set to audio/* it does not allow picking any audio file (or any other file whatsoever) This is also document in this old StackOverflow Post and seem to still hold truth to this day.

What browsers does this problem apply to, if applicable?

Safari (iOS/iPadOS), macOS is not affected

What did you expect to see?

A heads-up warning text that mobile Safari doesn't support this value

Did you test this? If so, how?

I tested it on my iPad (iOS 17.0) using Safari. I can't guarantee that this was fixed in later Safari versions. I wanted to test this further using BrowserStack but their limit with the free version is just too short for me to validate

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

I had to add extensions manually to show up in my project https://github.com/D3SOX/browser-audio-tools/commit/ac33bbfe99e6fff8e03a3c169761c3230561337c

Do you have anything more you want to share?

Image

MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept

MDN metadata

MDN page report details
  • Query: html.elements.input.accept
  • Report started: 2025-12-10T14:20:49.119Z

D3SOX avatar Dec 10 '25 14:12 D3SOX

Can you please check if one of these WebKit bugs covers this issue:

  • https://bugs.webkit.org/show_bug.cgi?id=34442
  • https://bugs.webkit.org/show_bug.cgi?id=234566
  • https://bugs.webkit.org/show_bug.cgi?id=242110

Please note that the specification doesn't require the behavior you're expecting:

User agents may use the value of this attribute to display a more appropriate user interface than a generic file picker.

We could still capture support data for this feature in a behavioral subfeature.

caugner avatar Dec 10 '25 17:12 caugner

https://bugs.webkit.org/show_bug.cgi?id=242110

Yes it is indded this bug that covers this issue.

It offers to select videos (sample-2.mp4) in this case, glad we got to the root of this!

Image

D3SOX avatar Dec 10 '25 17:12 D3SOX

We can add a note for safari_ios here:

https://github.com/mdn/browser-compat-data/blob/4a3cf2709bae1a6ffad51cc3194ed3af85471581/html/elements/input.json#L79-L82

  1. Copy the statement from safari.
  2. Add notes with a concise description of the problem, and linking to the WebKit bug.

Examples:

  • https://github.com/mdn/browser-compat-data/blob/4a3cf2709bae1a6ffad51cc3194ed3af85471581/api/WakeLock.json#L34
  • https://github.com/mdn/browser-compat-data/blob/4a3cf2709bae1a6ffad51cc3194ed3af85471581/css/properties/scroll-margin-top.json#L43
  • https://github.com/mdn/browser-compat-data/blob/4a3cf2709bae1a6ffad51cc3194ed3af85471581/api/SubmitEvent.json#L101

@D3SOX Can you please open a PR? 🙏

caugner avatar Dec 12 '25 15:12 caugner