Bug 188200 - Feature Request: Allow adding icons/images to <select> and <datalist> <option>s
Summary: Feature Request: Allow adding icons/images to <select> and <datalist> <option>s
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 11
Hardware: All All
: P2 Enhancement
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-07-31 11:11 PDT by Aleksey
Modified: 2018-09-25 01:48 PDT (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Aleksey 2018-07-31 11:11:16 PDT
Images and icons don’t work in <option> elements. In the best case scenario, developers will replace it with a list of <input type="radio"> elements, but even though with a fair bit of work, such a custom control may be made somewhat accessible on desktop, it still creates an inferior form flow experience on mobile in most cases.

There should be a way to render icons/images in the options so that developers wouldn’t have to resort to JavaScript based controls which tend to be bad for accessibility on mobile and desktop. No browser supports this yet. This is a feature proposal that I’m going to do for all browsers. Here’s a discussion on WHATWG’s GitHub about it.

https://github.com/whatwg/html/issues/3596