JQuery UI autocomplete drop menu z-index problem

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