Page MenuHomePhabricator

DropdownWidget doesn't return to a "nothing selected" state if the selection is cleared
Closed, ResolvedPublic

Description

Code:

var items = [];
for ( var i = 0; i < 10; i++ ) {
  items[i] = new OO.ui.MenuOptionWidget( { data: i, label: String(i) } );
}
var dd1 = new OO.ui.DropdownWidget( { menu: { items: items } } );
var dd2 = new OO.ui.DropdownWidget( { menu: { items: items } } );

$( 'body' ).append( dd1.$element );
$( 'body' ).append( dd2.$element );

dd2.getMenu().selectItemByData( 5 );
dd2.getMenu().selectItem();

Expected result: Two identical dropdown boxes.

Actual result: The second dropdown box is showing the value "5", despite that not being selected anymore.

Event Timeline

Anomie raised the priority of this task from to Needs Triage.
Anomie updated the task description. (Show Details)
Anomie added a project: OOUI.
Anomie subscribed.

Change 212545 had a related patch set uploaded (by Anomie):
DropdownWidget: Blank widget when no item is selected

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

Change 212545 merged by jenkins-bot:
DropdownWidget: Blank widget when no item is selected

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

Jdforrester-WMF assigned this task to Anomie.
Jdforrester-WMF triaged this task as Medium priority.
Jdforrester-WMF edited projects, added OOjs-UI-next-release; removed Patch-For-Review.
Jdforrester-WMF set Security to None.