#5238 closed bug (fixed)

Opened February 26, 2010 05:59PM UTC

Closed May 11, 2010 09:18AM UTC

Last modified November 06, 2010 11:50AM UTC

Autocomplete results & Slider z-index issue

Reported by: erichynds Owned by: rdworth
Priority: blocker Milestone: 1.8.1
Component: [meta] ui.themeroller Version: 1.8
Keywords: z-index Cc:
Blocked by: Blocking:
Description

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.

Attachments (0)
Change History (8)

Changed February 27, 2010 07:54PM UTC by scottgonzalez comment:1

priority: minor → blocker

Changed February 27, 2010 10:04PM UTC by jzaefferer comment:2

resolution: → fixed
status: new → closed

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

Changed March 24, 2010 03:26AM UTC by rdworth comment:3

component: ui.autocomplete → [meta] ui.themeroller
milestone: 1.8 → 1.8.1
resolution: fixed
status: closed → reopened
version: 1.8rc2 → 1.8

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

Changed March 24, 2010 03:42PM UTC by jzaefferer comment:4

owner: → rdworth
status: reopened → assigned

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

Changed March 24, 2010 08:32PM UTC by rdworth comment:5

resolution: → fixed
status: assigned → closed

Now fixed on jqueryui.com

Changed April 21, 2010 01:19PM UTC by rdworth comment:6

milestone: 1.9 → 1.8.1

Changed May 10, 2010 01:20PM UTC by julien comment:7

resolution: fixed
status: closed → reopened

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

Changed May 11, 2010 09:18AM UTC by rdworth comment:8

resolution: → fixed
status: reopened → closed

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