Ticket #5238 (closed bug: fixed)

Opened 5 years ago

Last modified 4 years ago

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:
Blocking: Blocked by:

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

comment:1 Changed 5 years ago by scott.gonzalez

  • Priority changed from minor to blocker

comment:2 Changed 5 years ago by joern.zaefferer

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

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

comment:3 Changed 5 years ago by rdworth

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

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

comment:4 Changed 5 years ago by joern.zaefferer

  • 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 5 years ago by rdworth

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

Now fixed on jqueryui.com

comment:6 Changed 5 years ago by rdworth

  • Milestone changed from 1.9 to 1.8.1

comment:7 Changed 5 years ago by julien

  • Status changed from closed to reopened
  • Resolution fixed deleted

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 5 years ago by rdworth

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

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.