Implement HTMLComboboxField
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	matmarex
	Nov 8 2015, 2:56 PM

Description

Implement HTMLComboboxField. This is meant to be a replacement for HTMLSelectOrOtherField and HTMLAutoCompleteSelectField, but it would have a different interface, so I think it's a better idea to make it separate.

Browsers these days have surprisingly good support for <input list=...><datalist id=...>, which makes it possible to do this in plain HTML. As for OOjs UI, we have a ComboBoxWidget.

Details

	Subject	Repo	Branch	Lines +/-
	Implement HTMLComboboxField	mediawiki/core	master	+75 -3

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Open	None	T49145 Formally deprecate jQuery UI after we've stopped using jQuery UI in extensions and core
Open	None	T100270 Replace use of jQuery UI and MW UI with OOUI across all Wikimedia-deployed extensions and core
Open	None	T100161 Convert all of MediaWiki core to OOUI PHP (tracking)
Open	None	T107037 Convert all MW core special pages to OOUI
Resolved	matmarex	T117730 Convert Special:PagesWithProp to OOUI
Open	None	T98880 Improve OAuth management interface
Resolved	Tgr	T96154 OOUI-ify the management interfaces (special pages) for OAuth
Resolved	matmarex	T118120 Update Special:OAuthConsumerRegistration to use the new HTMLComboboxField rather than HTMLAutoCompleteSelectField
Resolved	matmarex	T118119 Implement HTMLComboboxField
Resolved	matmarex	T118121 Implement ComboBoxInputWidget in PHP

Event Timeline

matmarex created this task.Nov 8 2015, 2:56 PM

matmarex claimed this task.

matmarex raised the priority of this task from to Needs Triage.

matmarex updated the task description. (Show Details)

matmarex added a project: MediaWiki-HTMLForm.

matmarex added a subscriber: matmarex.

Restricted Application added subscribers: StudiesWorld, Aklapper. · View Herald TranscriptNov 8 2015, 2:56 PM

matmarex added a parent task: T118120: Update Special:OAuthConsumerRegistration to use the new HTMLComboboxField rather than HTMLAutoCompleteSelectField.Nov 8 2015, 2:58 PM

matmarex mentioned this in T98856: Implement HTMLAutoCompleteSelectField in OOUIHTMLForm.Nov 8 2015, 3:01 PM

• MZMcBride added a subscriber: • MZMcBride.Nov 8 2015, 3:26 PM

A demo or screenshot here would really help me. I get confused about the various types of inputs, especially given that people have attached cuter names to them (I'm looking at you, HTMLSelectOrOtherField) and that custom JavaScript-based implementations (such as Chosen) are somewhat common.

Change 251824 had a related patch set uploaded (by Bartosz Dziewoński):
Implement HTMLComboboxField

https://gerrit.wikimedia.org/r/251824

gerritbot added a project: Patch-For-Review.Nov 8 2015, 4:06 PM

In T118119#1792006, @MZMcBride wrote:

A demo or screenshot here would really help me.

This is sort of close, I guess: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Selects_and_Options#ComboBox_menus.

Jdforrester-WMF closed subtask T118121: Implement ComboBoxInputWidget in PHP as Resolved.Nov 10 2015, 5:30 PM

Demo:

Plain HTML combobox: http://jsfiddle.net/55ts20ex/ (various browsers handle this differently, but all fairly well)
OOjs UI combobox: https://doc.wikimedia.org/oojs-ui/master/demos/ (search for "ComboBox")

Screenshots of Special:PagesWithProp using the new field: