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.