Opened 8 years ago

Closed 8 years ago

Last modified 7 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 8 years ago by Scott González

Priority: minorblocker

comment:2 Changed 8 years ago by Jörn Zaefferer

Resolution: fixed
Status: newclosed

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

comment:3 Changed 8 years ago by rdworth

Component: ui.autocomplete[meta] ui.themeroller
Milestone: 1.81.8.1
Resolution: fixed
Status: closedreopened
Version: 1.8rc21.8

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

comment:4 Changed 8 years ago by Jörn Zaefferer

Owner: set to rdworth
Status: reopenedassigned

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

comment:5 Changed 8 years ago by rdworth

Resolution: fixed
Status: assignedclosed

Now fixed on jqueryui.com

comment:6 Changed 8 years ago by rdworth

Milestone: 1.91.8.1

comment:7 Changed 8 years ago by julien

Resolution: fixed
Status: closedreopened

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

Resolution: fixed
Status: reopenedclosed

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.