user8886965
user8886965

Reputation:

Jquery auto complete box result is not showing

I am using jquery autocomplete box in bootstrap modal. I am getting suggested data when i inspect it but it is not showing on page. I am sorry i am new here , suggestion needed

Upvotes: 0

Views: 30

Answers (1)

Ryan Boken
Ryan Boken

Reputation: 453

If you are using the autocomplete in a bootstrap modal, the modal is most likely displaying in front of the autocomplete element. Try adding CSS that assigns a high z-index to test if this is what is occurring.

Maybe something like this:

.ui-autocomplete {
     z-index: 1050 !important;
}

Try different z-index values. If you are seeing it in the inspector it sounds like it is functioning correctly, the modal is just displaying in front.

Upvotes: 1

Related Questions