CODEWITHSUNDEEP
javascriptjqueryjquery-uiautocomplete
coolhimanshu
coolhimanshu

Reputation: 647

Auto complete Appearing behind the Modal popup

I am using simple jquery popup and Auto complete of jQuery Auto complete .The code of Auto complete is something like this.

$("#tags").autocomplete({
    source: NameArray
});

where tags is the textbox id and NameArray is Array of string.However this code in the Modal pop-up like this-

function openFilterPopUp() {

    $("#tags").autocomplete({
        source: NameArray
    });
    $("#openFilterPopUp").dialog({
        resizable: false,
        height: 240,
        modal: true,
        buttons: {
            "ok": function() { $(this).dialog("close"); },
            Cancel: function() { $(this).dialog("close"); }
        }
    });

}

The data for Autocomplete is appearing fine but its appearing behind the popup.Please Help. Any help will be appreciated.

Upvotes: 5

Views: 13259

Answers (2)

Rofiq Azhari
Rofiq Azhari

Reputation: 21

I try this code and success :

$("#tagsname").autocomplete({
    appendTo : "#modalform",
    source: DataArray
    
});

Upvotes: 2

mulla.azzi
mulla.azzi

Reputation: 2676

Add appendTo property of autocomplete

$("#tags").autocomplete({
    source: NameArray,
    appendTo : _parentElement
});

_parentElement can be your modal body

Upvotes: 18

Related Questions