library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Selectmenu: Override menu's _closeOnDocumentClick function to prevent collapseAll and manually fix focus state on open

Browse Source
This commit is contained in:
Kris Borchers 2013-08-01 20:41:58 -05:00
parent ec61e54e6f
commit 5a24ee0485
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/jquery.ui.selectmenu.js vendored
View File

@ -149,10 +149,13 @@ $.widget( "ui.selectmenu", {
// adjust menu styles to dropdown // adjust menu styles to dropdown
this.menu.addClass( "ui-corner-bottom" ).removeClass( "ui-corner-all" ); this.menu.addClass( "ui-corner-bottom" ).removeClass( "ui-corner-all" );
// Make sure focus stays on selected item
this.menuInstance.delay = 999999999;
// Unbind uneeded Menu events // Unbind uneeded Menu events
this.menuInstance._off( this.menu, "mouseleave" ); this.menuInstance._off( this.menu, "mouseleave" );
// Cancel the menu's collapseAll on document click
this.menuInstance._closeOnDocumentClick = function() {
return false;
};
}, },
refresh: function() { refresh: function() {
@ -185,9 +188,13 @@ $.widget( "ui.selectmenu", {
if ( this.options.disabled ) { if ( this.options.disabled ) {
return; return;
} }
// Support: IE6-IE9 click doesn't trigger focus on the button // Support: IE6-IE9 click doesn't trigger focus on the button
if ( !this.menuItems ) { if ( !this.menuItems ) {
this.refresh(); this.refresh();
} else {
this.menu.find( ".ui-state-focus" ).removeClass( "ui-state-focus" );
this.menu.menu( "focus", null, this._getSelectedItem() );
} }
this.isOpen = true; this.isOpen = true;
@ -198,7 +205,7 @@ $.widget( "ui.selectmenu", {
this._trigger( "open", event ); this._trigger( "open", event );
}, },
_position: function() { _position: function() {
this.menuWrap.position( $.extend( { of: this.button }, this.options.position ) ); this.menuWrap.position( $.extend( { of: this.button }, this.options.position ) );
}, },