Cancelling a drop

[johnny]

Cancelling a drop

[johnny]

This should be possible. But with the current implementation, the drop has already happened at the moment you can check it with onDrop. So there might be a flicker if you remove the item again, after it has been dropped.

This would be a working example:

var backupItem
$("ul").sortable({
  group: 'limited root',
  exclude: ".hidden",
  onDragStart: function (item, container, _super) {
    // Duplicate item
    backupItem = item.clone().insertAfter(item).addClass(".hidden")
    _super(item)
  },
  onDrop: function (item, container, _super) {
    if(itemInRightPlace(item, container)){
      backupItem.remove()
      _super(item)
    } else {
      item.remove()
      backupItem.removeClass(".hidden")
    }
  }
})

But this looks too much like a hack. I might add something more convenient, so please tell me:

Would it be best, if the dragged items would register (aka the red arrow showing) only inside the root ul?

[JgoOrange]

Hi There I am having the same type of issue where onDrop if values are met them the drop is rejected but cannot get the ol to revert back to its original position i have tried the above code but think the issue is that it is already inside of a sortable call. and help would be great.

      `$("ol.left").sortable({
	group: 'nested',
	onDrop: function (event, ui){
		var $this = $('.active');
		var li = $this.parents('li');
                    var ol = $this.parents('ol').parents('ol');
		var div = $this.closest('div');
		li.removeClass("dragged");
		li.removeAttr('style');
             if (($(div).hasClass('left')) && ($(ol).hasClass('left'))) {
                 alert("test");  //code to revert goes here
             } else {
                 update_fs();
             }
	         }
});`