Opened 8 years ago
Closed 7 years ago
#14683 closed bug (fixed)
Sortable: Setting opacity changes z-index: auto to z-index: 0
| Reported by: | crashedsnow | Owned by: | Scott González |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.12.2 |
| Component: | ui.sortable | Version: | 1.11.3 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
If you set an opacity value in the sortable config, and you are using bootstrap dropdown menus inside each list item, the dropdown will render behind other list items after it's been dragged once.
See the following for an example:
http://www.bootply.com/LIJLo5drTk
If you drag/drop one of the items, then click the menu it will render behind other items:
Change History (3)
comment:1 Changed 8 years ago by
| Component: | ui.core → ui.sortable |
|---|---|
| Status: | new → open |
comment:2 Changed 7 years ago by
| Milestone: | none → 1.12.2 |
|---|---|
| Summary: | Setting opacity in sortable breaks bootstrap dropdown z-index → Sortable: Setting opacity changes z-index: auto to z-index: 0 |
comment:3 Changed 7 years ago by
| Owner: | set to Scott González |
|---|---|
| Resolution: | → fixed |
| Status: | open → closed |
In 9c5ce4c:
Note: See
TracTickets for help on using
tickets.
This is happening because the sortable item gets
z-index: 0set when theopacityoption is enabled. I'm not sure why this happens and I don't see any code in the widget that would be causing this, but it's definitely coming from the sortable widget.