Ticket #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: | |
| 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:2 Changed 3 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 3 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 3 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 3 years ago by rdworth
- Status changed from assigned to closed
- Resolution set to fixed
Now fixed on jqueryui.com
comment:7 Changed 3 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 3 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."