Opened 7 years ago

Closed 6 years ago

Last modified 6 years ago

#5238 closed bug (fixed)

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.

Change History (8)

comment:1 Changed 7 years ago by scottgonzalez

  • Priority changed from minor to blocker

comment:2 Changed 7 years ago by jzaefferer

  • Resolution set to fixed
  • Status changed from new to closed

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

comment:3 Changed 7 years ago by rdworth

  • Component changed from ui.autocomplete to [meta] ui.themeroller
  • Milestone changed from 1.8 to 1.8.1
  • Resolution fixed deleted
  • Status changed from closed to reopened
  • Version changed from 1.8rc2 to 1.8

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

comment:4 Changed 7 years ago by jzaefferer

  • Owner set to rdworth
  • Status changed from reopened to assigned

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

comment:5 Changed 7 years ago by rdworth

  • Resolution set to fixed
  • Status changed from assigned to closed

Now fixed on jqueryui.com

comment:6 Changed 6 years ago by rdworth

  • Milestone changed from 1.9 to 1.8.1

comment:7 Changed 6 years ago by julien

  • Resolution fixed deleted
  • Status changed from closed to 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

comment:8 Changed 6 years ago by rdworth

  • Resolution set to fixed
  • Status changed from reopened to 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

Note: See TracTickets for help on using tickets.