Skip to content

html.elements.datalist - Add subfeatures for each input type #17480

@alexei

Description

@alexei

What type of issue is this?

Missing compatibility data

What information was incorrect, unhelpful, or incomplete?

Compatibility table suggests the datalist element is fully supported in all browsers except Firefox for Android, however reality shows that's definitely not the case:

Example 1 (<input>)

  • Safari:
    Screenshot 2022-08-19 at 14 52 23
  • Chrome:
    Screenshot 2022-08-19 at 14 52 05
  • Firefox: no dropdown
    Screenshot 2022-08-19 at 14 51 49

Example 2 (<input type="time">)

  • Safari: no options
    Screenshot 2022-08-19 at 14 54 58
  • Chrome:
    Screenshot 2022-08-19 at 14 55 26
  • Firefox: no options
    Screenshot 2022-08-19 at 14 55 14

Example 3 (<input type="range">)

  • Safari:
    Screenshot 2022-08-19 at 14 56 35
  • Chrome:
    Screenshot 2022-08-19 at 14 56 44
  • Firefox: no indicators
    Screenshot 2022-08-19 at 14 56 57

Example 4 (<input type="color">)

  • Safari:
    Screenshot 2022-08-19 at 14 57 52
  • Chrome:
    Screenshot 2022-08-19 at 14 58 22
  • Firefox: no options
    Screenshot 2022-08-19 at 14 58 38

For the custom inputs I suppose support for datalist is at most as good as support for the inputs themselves.

Software used:

  • Safari 15
  • Chrome 104
  • Firefox 103
  • macOS Catalina

What browsers does this problem apply to, if applicable?

Chromium (Chrome, Edge 79+, Opera, Samsung Internet), Firefox, Safari

What did you expect to see?

No response

Did you test this? If so, how?

No response

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

No response

Do you have anything more you want to share?

No response

MDN URL

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

MDN metadata

MDN page report details
  • Query: html.elements.datalist
  • Report started: 2022-08-19T11:42:43.906Z

Metadata

Metadata

Assignees

No one assigned

    Labels

    data:htmlCompat data for HTML elements. https://developer.mozilla.org/docs/Web/HTML

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions