#14683 closed bug (fixed)

Opened October 07, 2015 08:15AM UTC

Closed October 19, 2016 06:50PM UTC

Sortable: Setting opacity changes z-index: auto to z-index: 0

Reported by:	crashedsnow	Owned by:	scottgonzalez
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:

http://cl.ly/image/3L453K1L1C1b

Attachments (0)

Change History (3)

Changed October 09, 2015 06:31PM UTC by scottgonzalez comment:1

component:	ui.core → ui.sortable
status:	new → open

This is happening because the sortable item gets z-index: 0 set when the opacity option 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.

Changed October 19, 2016 06:46PM UTC by scottgonzalez comment:2

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

Changed October 19, 2016 06:50PM UTC by scottgonzalez comment:3

owner:	→ scottgonzalez
resolution:	→ fixed
status:	open → closed

In [changeset:"9c5ce4c3e986136b8dce14b6b1ccd5296d932f01" 9c5ce4c]:

#!CommitTicketReference repository="" revision="9c5ce4c3e986136b8dce14b6b1ccd5296d932f01"
Sortable: Fix  switching from  to 

Save  before saving . Setting  automatically
changes .

Fixes #14683
Closes gh-1762