Autocomplete: Append to closest .ui-front if available.

This commit is contained in:
Scott González 2012-12-14 09:10:32 -05:00
parent 2c1643509a
commit 80e46c93a8
3 changed files with 21 additions and 9 deletions

View File

@ -1,6 +1,6 @@
TestHelpers.commonWidgetTests( "autocomplete", {
defaults: {
appendTo: "body",
appendTo: null,
autoFocus: false,
delay: 300,
disabled: false,

View File

@ -18,11 +18,11 @@ test( "appendTo", function() {
equal( $( "#ac-wrap2 .ui-autocomplete" ).length, 0, "only appends to one element" );
element.autocomplete( "destroy" );
element.autocomplete({
appendTo: null
});
equal( element.autocomplete( "widget" ).parent()[0], document.body, "null" );
$( "#ac-wrap2" ).addClass( "ui-front" );
element.autocomplete();
equal( element.autocomplete( "widget" ).parent()[0], $( "#ac-wrap2" )[0], "null, inside .ui-front" );
element.autocomplete( "destroy" );
$( "#ac-wrap2" ).removeClass( "ui-front" );
element.autocomplete().autocomplete( "option", "appendTo", "#ac-wrap1" );
equal( element.autocomplete( "widget" ).parent()[0], $( "#ac-wrap1" )[0], "modified after init" );

View File

@ -23,7 +23,7 @@ $.widget( "ui.autocomplete", {
version: "@VERSION",
defaultElement: "<input>",
options: {
appendTo: "body",
appendTo: null,
autoFocus: false,
delay: 300,
minLength: 1,
@ -323,10 +323,22 @@ $.widget( "ui.autocomplete", {
_appendTo: function() {
var element = this.options.appendTo;
if ( element && (element.jquery || element.nodeType) ) {
return $( element );
if ( element ) {
element = element.jquery || element.nodeType ?
$( element ) :
this.document.find( element ).eq( 0 );
}
return this.document.find( element || "body" ).eq( 0 );
if ( !element ) {
element = this.element.closest( ".ui-front" );
}
if ( !element.length ) {
element = this.document[0].body;
}
return element;
},
_isMultiLine: function() {