1430377 - Autocomplete with datalist instead of jquery/yui autocomplete

Status: RESOLVED WONTFIX

(bugzilla.mozilla.org :: User Interface, defect)

Description

[maggus.staab]

User Agent: Mozilla/5.0 (iPad; CPU OS 11_2_2 like Mac OS X) AppleWebKit/604.4.7 (KHTML, like Gecko) Version/11.0 Mobile/15C202 Safari/604.1

Steps to reproduce:

Use the html5 datalist element instead of javascript based autcomplete elements.

This should be considered a change on the road to finally get rid of juery/yui.

Browsers which dont support datalist natively need a polyfill though.

See 
https://caniuse.com/#search=Datalist
https://github.com/Fyrd/purejs-datalist-polyfill

Comment 1

[Dylan Hardison [:dylan] (he/him)]

I'll wait for kohei to voice an opinion on this.

Comment 2

[Kohei Yoshino [:kohei]]

YUI has to be removed, but I'd prefer custom dropdown elements with people's avatar and real name, as seen on BzDeck for example, rather than plain <datalist> elements showing only email addresses.

Browsers' native form widgets are easy to use, but remember, they don't necessarily create the best UX. In this case, adding avatars is impossible. It's also difficult to apply any custom design, a dark theme for example, to those native widgets.

Plus, my design principle here is putting people first (I should blog about it.) From that standpoint, showing only email addresses for people as currently seen on various parts on Bugzilla should always be avoided. Let's use avatars and real names, or at least user names like GitHub :)