Fix "menubar does not collapse when clicking on other menubar" + minor changes

This commit is contained in:
Hans Hillen 2011-04-18 23:05:50 +02:00
parent e448cd0761
commit d77185a5a1
3 changed files with 10 additions and 5 deletions

View File

@ -55,13 +55,13 @@
.ui-menubar .ui-button { float: left; font-weight: normal; border-top-width: 0 !important; border-bottom-width: 0 !important; margin: 0; outline: none; }
.ui-menubar .ui-menubar-link { border-right: 1px dashed transparent; border-left: 1px dashed transparent; }
ol.ui-menubar, ul.ui-menubar {
.ui-menubar, .ui-menubar {
list-style: none;
margin-left: 0;
padding-left: 0;
}
li.ui-menubar-item {
.ui-menubar-item {
float: left;
}

View File

@ -67,7 +67,6 @@ $.widget("ui.menubar", {
return;
}
event.preventDefault();
event.stopPropagation();
if (event.type == "click" && menu.is(":visible") && self.active && self.active[0] == menu[0]) {
self._close();
return;
@ -111,10 +110,13 @@ $.widget("ui.menubar", {
});
self._bind(document, {
click: function(event) {
if (self.open && !$(event.target).closest(".ui-menubar").length) {
if (self.open) {
var menubar = $(event.target).closest(".ui-menubar");
if (!menubar.length || menubar.get(0) !== self.element.get(0)) {
self._close();
}
}
}
})
self._bind({
keyup: function(event) {
@ -162,6 +164,8 @@ $.widget("ui.menubar", {
},
_close: function() {
if (!this.active || !this.active.length)
return;
this.active.menu("closeAll").hide().attr("aria-hidden", "true").attr("aria-expanded", "false");
this.active.prev().removeClass("ui-state-active").removeAttr("tabIndex");
this.active = null;

View File

@ -319,6 +319,7 @@ $.widget("ui.menu", {
if (newItem && newItem.length) {
this._open(newItem.parent());
var current = this.active;
//timeout so Firefox will not hide activedescendant change in expanding submenu from AT
setTimeout(function(){self.focus(event, newItem)}, 20);
return true;
}