javascript - jQuery AutoComplete displaying behind elements after first use -


solved: ended being z-index of task editor div being set higher autocomplete when div appended body. feel silly spending 2 hours this.

i modifying jquery gantt chart plugin (here link original plugin demo http://gantt.twproject.com/distrib/gantt.html). , trying change task editing adding auto-complete resource rows easy grab employee company.

the autocomplete working , displays infront of created full edit div first time using following css:

    .ui-autocomplete     {         position:relative;         cursor:default;         z-index:9999 !important;     } 

(i have used both relative , absolute positioning both yielding same result)

if keep adding resources first open edit div, autocompletes continue work properly. after save changes , open edit div autocomplete goes displaying behind edit div.

it appears happen once have made 1 text field autocomplete. after remaining ones hidden behind task editor div.

i have been looking around else has had problem, haven't found other posts this.

please add following style css file. worked me , hope work you.

.pac-container {     z-index: 1051 !important; } 

Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -