Skip to main content

Search and Top Navigation

#14645 open bug ()

Opened October 03, 2015 12:45PM UTC

Last modified April 17, 2017 07:42PM UTC

Sortable: Elements are not considered :active while sorting in Firefox

Reported by: roko Owned by:
Priority: minor Milestone: none
Component: ui.sortable Version: 1.11.3
Keywords: Cc:
Blocked by: Blocking:
Description

Bug appear in Firefox browser. Not in Chrome nor IE. (Didn't test other browsers).

Once you use some jquery sortable functions:

$( "#sortable" ).sortable();

$( "#sortable" ).disableSelection();

on html elements like (i.e. td or li)

The css active (also focus?) will stop having an effect from now on (as if it's not there).

So if you have a sortable li (like in site example) and a css command:

li:active{

background-color: green;

cursor: n-resize;

}

and u use

$( "li" ).sortable();

The css above will stop working.

As seen in this fiddle: http://jsfiddle.net/9pqywyxm/3/

In fiddle when you try to change li position:

In Chrome background will become green as the active css specifies.

In Firefox nothing will happen to background- as the active css is ignored.

I recommend trying in chrome and Firefox to see the difference.

Thank you.

If you have any questions feel free to email me: rokosongs@gmail.com

Attachments (0)
Change History (2)

Changed October 03, 2015 12:50PM UTC by roko comment:1

Basically Just open the fiddle (http://jsfiddle.net/9pqywyxm/3/) in both chrome and firefox, move the li with mouse and see the differences:

In chrome the li will turn green while dragging (as It should)

But in firefox it won't turn green.

Changed April 17, 2017 07:42PM UTC by scottgonzalez comment:2

status: newopen
summary: Jquery sortable breaks firefox's css active feature (also focus?)Sortable: Elements are not considered :active while sorting in Firefox