mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Merge branch 'selectmenu' of git://github.com/jquery/jquery-ui into selectmenu
This commit is contained in:
commit
041de0716c
@ -80,4 +80,90 @@ test( "allow form submit on enter when menu is not active", function() {
|
||||
ok( !event.isDefaultPrevented(), "default action is prevented" );
|
||||
});
|
||||
|
||||
(function() {
|
||||
test( "up arrow invokes search - input", function() {
|
||||
arrowsInvokeSearch( "#autocomplete", true, true );
|
||||
});
|
||||
|
||||
test( "down arrow invokes search - input", function() {
|
||||
arrowsInvokeSearch( "#autocomplete", false, true );
|
||||
});
|
||||
|
||||
test( "up arrow invokes search - textarea", function() {
|
||||
arrowsInvokeSearch( "#autocomplete-textarea", true, false );
|
||||
});
|
||||
|
||||
test( "down arrow invokes search - textarea", function() {
|
||||
arrowsInvokeSearch( "#autocomplete-textarea", false, false );
|
||||
});
|
||||
|
||||
test( "up arrow invokes search - contenteditable", function() {
|
||||
arrowsInvokeSearch( "#autocomplete-contenteditable", true, false );
|
||||
});
|
||||
|
||||
test( "down arrow invokes search - contenteditable", function() {
|
||||
arrowsInvokeSearch( "#autocomplete-contenteditable", false, false );
|
||||
});
|
||||
|
||||
test( "up arrow moves focus - input", function() {
|
||||
arrowsMoveFocus( "#autocomplete", true );
|
||||
});
|
||||
|
||||
test( "down arrow moves focus - input", function() {
|
||||
arrowsMoveFocus( "#autocomplete", false );
|
||||
});
|
||||
|
||||
test( "up arrow moves focus - textarea", function() {
|
||||
arrowsMoveFocus( "#autocomplete-textarea", true );
|
||||
});
|
||||
|
||||
test( "down arrow moves focus - textarea", function() {
|
||||
arrowsMoveFocus( "#autocomplete-textarea", false );
|
||||
});
|
||||
|
||||
test( "up arrow moves focus - contenteditable", function() {
|
||||
arrowsMoveFocus( "#autocomplete-contenteditable", true );
|
||||
});
|
||||
|
||||
test( "down arrow moves focus - contenteditable", function() {
|
||||
arrowsMoveFocus( "#autocomplete-contenteditable", false );
|
||||
});
|
||||
|
||||
function arrowsInvokeSearch( id, isKeyUp, shouldMove ) {
|
||||
expect( 1 );
|
||||
|
||||
var didMove = false,
|
||||
element = $( id ).autocomplete({
|
||||
source: [ "a" ],
|
||||
delay: 0,
|
||||
minLength: 0
|
||||
});
|
||||
element.data( "autocomplete" )._move = function() {
|
||||
didMove = true;
|
||||
};
|
||||
element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } );
|
||||
equal( didMove, shouldMove, "respond to arrow" );
|
||||
}
|
||||
|
||||
function arrowsMoveFocus( id, isKeyUp ) {
|
||||
expect( 1 );
|
||||
|
||||
var didMove = false,
|
||||
element = $( id ).autocomplete({
|
||||
source: [ "a" ],
|
||||
delay: 0,
|
||||
minLength: 0
|
||||
});
|
||||
element.data( "autocomplete" )._move = function() {
|
||||
ok( true, "repsond to arrow" );
|
||||
};
|
||||
element.autocomplete( "search" );
|
||||
element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } );
|
||||
}
|
||||
})();
|
||||
|
||||
(function() {
|
||||
|
||||
})();
|
||||
|
||||
}( jQuery ) );
|
||||
|
@ -177,19 +177,24 @@ test("draggable", function() {
|
||||
});
|
||||
|
||||
test("height", function() {
|
||||
expect(3);
|
||||
expect(4);
|
||||
|
||||
el = $('<div></div>').dialog();
|
||||
equals(dlg().height(), 150, "default height");
|
||||
equals(dlg().outerHeight(), 150, "default height");
|
||||
el.remove();
|
||||
|
||||
el = $('<div></div>').dialog({ height: 237 });
|
||||
equals(dlg().height(), 237, "explicit height");
|
||||
equals(dlg().outerHeight(), 237, "explicit height");
|
||||
el.remove();
|
||||
|
||||
el = $('<div></div>').dialog();
|
||||
el.dialog('option', 'height', 238);
|
||||
equals(dlg().height(), 238, "explicit height set after init");
|
||||
equals(dlg().outerHeight(), 238, "explicit height set after init");
|
||||
el.remove();
|
||||
|
||||
el = $('<div></div>').css("padding", "20px")
|
||||
.dialog({ height: 240 });
|
||||
equals(dlg().outerHeight(), 240, "explicit height with padding");
|
||||
el.remove();
|
||||
});
|
||||
|
||||
|
2
themes/base/jquery.ui.button.css
vendored
2
themes/base/jquery.ui.button.css
vendored
@ -7,7 +7,7 @@
|
||||
*
|
||||
* http://docs.jquery.com/UI/Button#theming
|
||||
*/
|
||||
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
|
||||
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: hidden; *overflow: visible; } /* the overflow property removes extra width in IE */
|
||||
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
|
||||
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
|
||||
.ui-button-icons-only { width: 3.4em; }
|
||||
|
26
ui/jquery.ui.autocomplete.js
vendored
26
ui/jquery.ui.autocomplete.js
vendored
@ -58,6 +58,7 @@ $.widget( "ui.autocomplete", {
|
||||
suppressKeyPressRepeat,
|
||||
suppressInput;
|
||||
|
||||
this.isMultiLine = this.element.is( "textarea,[contenteditable]" );
|
||||
this.valueMethod = this.element[ this.element.is( "input,textarea" ) ? "val" : "text" ];
|
||||
|
||||
this.element
|
||||
@ -92,15 +93,11 @@ $.widget( "ui.autocomplete", {
|
||||
break;
|
||||
case keyCode.UP:
|
||||
suppressKeyPress = true;
|
||||
self._move( "previous", event );
|
||||
// prevent moving cursor to beginning of text field in some browsers
|
||||
event.preventDefault();
|
||||
self._keyEvent( "previous", event );
|
||||
break;
|
||||
case keyCode.DOWN:
|
||||
suppressKeyPress = true;
|
||||
self._move( "next", event );
|
||||
// prevent moving cursor to end of text field in some browsers
|
||||
event.preventDefault();
|
||||
self._keyEvent( "next", event );
|
||||
break;
|
||||
case keyCode.ENTER:
|
||||
case keyCode.NUMPAD_ENTER:
|
||||
@ -151,14 +148,10 @@ $.widget( "ui.autocomplete", {
|
||||
self._move( "nextPage", event );
|
||||
break;
|
||||
case keyCode.UP:
|
||||
self._move( "previous", event );
|
||||
// prevent moving cursor to beginning of text field in some browsers
|
||||
event.preventDefault();
|
||||
self._keyEvent( "previous", event );
|
||||
break;
|
||||
case keyCode.DOWN:
|
||||
self._move( "next", event );
|
||||
// prevent moving cursor to end of text field in some browsers
|
||||
event.preventDefault();
|
||||
self._keyEvent( "next", event );
|
||||
break;
|
||||
}
|
||||
})
|
||||
@ -495,6 +488,15 @@ $.widget( "ui.autocomplete", {
|
||||
|
||||
_value: function( value ) {
|
||||
return this.valueMethod.apply( this.element, arguments );
|
||||
},
|
||||
|
||||
_keyEvent: function( keyEvent, event ) {
|
||||
if ( !this.isMultiLine || this.menu.element.is( ":visible" ) ) {
|
||||
this._move( keyEvent, event );
|
||||
|
||||
// prevents moving cursor to beginning/end of the text field in some browsers
|
||||
event.preventDefault();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
2
ui/jquery.ui.dialog.js
vendored
2
ui/jquery.ui.dialog.js
vendored
@ -625,7 +625,7 @@ $.widget("ui.dialog", {
|
||||
height: "auto",
|
||||
width: options.width
|
||||
})
|
||||
.height();
|
||||
.outerHeight();
|
||||
minContentHeight = Math.max( 0, options.minHeight - nonContentHeight );
|
||||
|
||||
if ( options.height === "auto" ) {
|
||||
|
16
ui/jquery.ui.menu.js
vendored
16
ui/jquery.ui.menu.js
vendored
@ -29,7 +29,6 @@ $.widget( "ui.menu", {
|
||||
},
|
||||
_create: function() {
|
||||
this.activeMenu = this.element;
|
||||
this.isScrolling = false;
|
||||
this.menuId = this.element.attr( "id" ) || "ui-menu-" + idIncrement++;
|
||||
if ( this.element.find( ".ui-icon" ).length ) {
|
||||
this.element.addClass( "ui-menu-icons" );
|
||||
@ -66,13 +65,10 @@ $.widget( "ui.menu", {
|
||||
},
|
||||
"mouseover .ui-menu-item": function( event ) {
|
||||
event.stopImmediatePropagation();
|
||||
if ( !this.isScrolling ) {
|
||||
var target = $( event.currentTarget );
|
||||
// Remove ui-state-active class from siblings of the newly focused menu item to avoid a jump caused by adjacent elements both having a class with a border
|
||||
target.siblings().children( ".ui-state-active" ).removeClass( "ui-state-active" );
|
||||
this.focus( event, target );
|
||||
}
|
||||
this.isScrolling = false;
|
||||
var target = $( event.currentTarget );
|
||||
// Remove ui-state-active class from siblings of the newly focused menu item to avoid a jump caused by adjacent elements both having a class with a border
|
||||
target.siblings().children( ".ui-state-active" ).removeClass( "ui-state-active" );
|
||||
this.focus( event, target );
|
||||
},
|
||||
"mouseleave": "collapseAll",
|
||||
"mouseleave .ui-menu": "collapseAll",
|
||||
@ -86,10 +82,6 @@ $.widget( "ui.menu", {
|
||||
this.collapseAll( event );
|
||||
}
|
||||
}, 0);
|
||||
},
|
||||
scroll: function( event ) {
|
||||
// Keep track of scrolling to prevent mouseover from firing inadvertently when scrolling the menu
|
||||
this.isScrolling = true;
|
||||
}
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user