mdn / mdn/browser-compat-data

html.elements.datalist - Reports working for Safari, the textual type and date and time type examples do not work

Open
#27,611 8 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

browser:safari data:html p3
Dominant language
JSON
Stars
5.8k
Forks
2.6k
Avg merge
1d 21h
Merged PRs (30d)
186

Description

What type of issue is this?

Incorrect support data (example: BrowserX says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

Datalist is supposed to work in Safari on macOS, but none of the examples actually work. I.e. no autocomplete dropdown opens, the datalist has no effect. An arrow does appear in the input field, but clicking it has no effect.

What browsers does this problem apply to, if applicable?

Safari

What did you expect to see?

In the first example under "Try it", when I type "C" I expect it to suggest "Chocolate" and "Coconut" in a dropdown under the input field. I also expect the list of suggestions to show when I click the arrow in the input field.

Did you test this? If so, how?

I tested this by trying the examples on https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/datalist in Safari 18.6 (20621.3.11.11.3) and Safari Technology Preview Release 225 (WebKit 20623.1.1.1) on macOS 15.6 (24G84).

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

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/datalist

Do you have anything more you want to share?

No response

MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/datalist

MDN metadata
MDN page report details
  • Query: html.elements.datalist
  • Report started: 2025-08-19T07:45:46.152Z

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the MDN datalist page and its compatibility data for Safari, then inspect the entries covering the textual, date, and time examples. Verify the reported behavior against the cited Safari versions and update the affected support data only if the results confirm the report; done means the data matches tested browser behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.