Skip to main content

Search and Top Navigation

#10745 closed feature (worksforme)

Opened January 09, 2015 06:06AM UTC

Closed January 09, 2015 12:38PM UTC

JQuery UI autocomplete drop menu z-index problem

Reported by: usman Owned by:
Priority: minor Milestone: none
Component: ui.autocomplete Version: 1.11.2
Keywords: Cc:
Blocked by: Blocking:
Description

Dear JQuery team,

I have faced an issue in using JQuery UI autocomplete combobox in my asp.net application where i have applied this widget for asp.net dropdownlist control. the problem was that when the asp.net dropdownlist appears in ajax modalpopupextender, the JQuery ui autocomplete menu goes behind the ajax modalpopupextender (as the modalpopupextender has a ridiculously large value. i started to research on that and after being stuck for a complete working day i found the solution by making a tiny change in the JQuery library. And that change is putting up this

.css("z-index", $(this.element).zIndex() + 1)

line of code in jquery.ui.js file when the menu item for ui autcomplete is created at the point

this.menu = $( "<ul>" )

and for jquery.min.js i have changed it as follows.

this.menu=e("<ul>").addClass("ui-autocomplete ui-front").css("z-index",e(this.element).zIndex()+1).appendTo(this._appendTo()).menu({role:null}).hide().menu("instance")

.css("z-index", $(this.element).zIndex() + 1)

is actual amendment done.

Kindly do add this to the online version too and if possible then replace it with some better solution so that the menu shall appear in normal pages and also in modal popups too.

thanks and regards,

Hafiz Usman Majeed,

Pakistan,

usman.kuiit@gmail.com

Attachments (0)
Change History (1)

Changed January 09, 2015 12:38PM UTC by scottgonzalez comment:1

resolution: → worksforme
status: newclosed

We won't play z-index games. You can either change the z-index for .ui-front or use the appendTo option to change where the menu is displayed. If you need more help, please use the forums or Stack Overflow.