Autocomplete results & Slider z-index issue

[erichynds]

I apologize if this has already been reported - I searched & looked around for a bit but couldn't find anything similar.

On the latest push of Themeroller with 1.8rc2 support, the slider widget appears on top of the autocomplete results in at least FF 3.6. Type the letter "a" to ensure the list is long enough to reach down that far.

Changing the z-index of ul.ui-autocomplete to 2 stacks the slider bar behind the autocomplete, but not the slider handles. Changing the z-index to 3 seems to fix this completely.

[Jörn Zaefferer]

Fixed by setting position:relative on autocomplete input, so that zIndex() can actually compute the z-index.

[rdworth]

This is visible on jqueryui.com as of the 1.8 final release. Reopening.

[Jörn Zaefferer]

Was actualy fixed in svn, just needs to get merged into production.

[rdworth]

Now fixed on jqueryui.com

[julien]

Still not working on (at least)

• Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.2.3) Gecko/20100423 Ubuntu/10.04 (lucid) Firefox/3.6.3
• Google Chrome 5.0.375.29 beta

See : ​http://jsbin.com/omopa3

[rdworth]

This ticket is for tracking the issue presenting itself on ​http://jqueryui.com/themeroller/ . Notice the component: '[meta] ui.themeroller'. This is indeed fixed by the two workarounds mentioned here: one in the original description "Changing the z-index to 3 seems to fix this completely.", as well as a comment above by joern.zaefferer, "set position:relative on autocomplete input, so that .zIndex() can actually compute the z-index."

See ​http://jsbin.com/omopa3/2