Sortable.Create hoverclass not working

Works fine for me. See test/functional/sortable2_test.html for some tests of this.

it seems the behaviour is different if the sortables are of divs using containment. I use hoverclass on two sortable lists (tag:div) with containment (similar to the example on the website with 3 div's). Hoverclass option does not work on that example, thomas.

-TS

Can you please provide a complete working (or rather, non-working) test case of this?

This could be an issue with the submitter's style sheet cascade.

#myDiv {background-color: white;}
.hover {background-color: red;}

Won't work, as the specificity of the #myDiv declaration trumps the hover class declaration. (I've made this mistake.)

Suggest this bug be closed unless/until a test case is provided--it's been open for three months with no action.

Closing--submitter's style sheet cascade/specificity is cause, not scriptaculous.

Try:

#myDiv {background-color: white;}
#myDiv.hover {background-color: red;}

Replying to anonymous:

When creating a Draggable and using Droppables.add + hoverclass option its working while draggin over the droppable. (hovereffect)

When using hoverclass option in Sortable.create, with the same IDs as used in Droppables.add it's not.


{{{ Sortable.create('col1', {hoverclass:'colhover', dropOnEmpty:true, handle:'handle', containment:col1?, constraint:false, ghosting:false}); }}}
{{{ Droppables.add('col1', {accept:'contentitems', hoverclass:'colhover', onDrop:function(element, droppableElement){checkType(droppableElement,element.id,'default')}}); }}}

Replying to anonymous:

When creating a Draggable and using Droppables.add + hoverclass option its working while draggin over the droppable. (hovereffect)

When using hoverclass option in Sortable.create, with the same IDs as used in Droppables.add it's not.


{{{ Sortable.create('col1', {hoverclass:'colhover', dropOnEmpty:true, handle:'handle', containment:col1?, constraint:false, ghosting:false}); }}}
{{{ Droppables.add('col1', {accept:'contentitems', hoverclass:'colhover', onDrop:function(element, droppableElement){checkType(droppableElement,element.id,'default')}}); }}}

Replying to anonymous:

When creating a Draggable and using Droppables.add + hoverclass option its working while draggin over the droppable. (hovereffect)

When using hoverclass option in Sortable.create, with the same IDs as used in Droppables.add it's not.


{{{ Sortable.create('col1', {hoverclass:'colhover', dropOnEmpty:true, handle:'handle', containment:col1?, constraint:false, ghosting:false}); }}}
{{{ Droppables.add('col1', {accept:'contentitems', hoverclass:'colhover', onDrop:function(element, droppableElement){checkType(droppableElement,element.id,'default')}}); }}}

Replying to anonymous:

When creating a Draggable and using Droppables.add + hoverclass option its working while draggin over the droppable. (hovereffect)

When using hoverclass option in Sortable.create, with the same IDs as used in Droppables.add it's not.


{{{ Sortable.create('col1', {hoverclass:'colhover', dropOnEmpty:true, handle:'handle', containment:col1?, constraint:false, ghosting:false}); }}}
{{{ Droppables.add('col1', {accept:'contentitems', hoverclass:'colhover', onDrop:function(element, droppableElement){checkType(droppableElement,element.id,'default')}}); }}}

Same happens for me using the following:

   <%= sortable_element foo,
                         :containment => bar,
											 :droponempty => true,
												 :hoverclass => "sort",
												 :constraint => "vertical",
                         :url => baz_path %>

Contrary to suggestion, this happens with or without :containement. If removed works fine.

Firebug suggests that 'sort' is not defined.