CODEWITHSUNDEEP
jquerycssautocompletez-index
Toni Michel Caubet
Toni Michel Caubet

Reputation: 20163

autocomplete suggestion list wrong z-index, how can i change?

seems that my autocomplete list its < z-index than some elements of my site so its under exposed, what class shall i edit?

with editCSS i sow those class, and add (z-index of my site but few tings doesn't affect is 1)

.ui-corner-all, .ui-menu-item, #ingredientes_s.ui-autocomplete-input{z-index: 20;}

but stills same problem..

Upvotes: 1

Views: 6150

Answers (1)

Harry B
Harry B

Reputation: 2972

jQuery UI Autocomplete options list calculates its z-index value by taking the z-index of the text input it's being attached to and adds 1 to that value.

So you can give a z-index of 999 to the text input the autocomplete will have a z-index value of 1000

Taken from http://bugs.jqueryui.com/ticket/5489

<input type="text" class="autocomplete" style="z-index:999;" name="foo">

Upvotes: 1

Related Questions