livewire-sortablejs icon indicating copy to clipboard operation
livewire-sortablejs copied to clipboard

Support for Sortablejs plugins

Open gdebrauwer opened this issue 2 years ago • 0 comments

Multidrag: 🚫

  • Does not work when the draggable items contain Livewire component(s).
    • Sortablejs removes all elements except one from the DOM when dragging multiple elements. When the dragging ends, Sortablejs re-adds them to the DOM. The problem is that Livewire does not detect the re-added Livewire components inside the dragged elements.
    • see discussion: https://github.com/livewire/livewire/discussions/7111)
  • Sometimes Sortablejs moves other elements (even from other groups) after finishing dragging a couple of items. Those other elements were not selected to be dragged and should stay in their original position.

Swap: ✅

  • Works correctly, even if the draggable items contain Livewire component(s).

Scroll: 🤔

  • Works correctly but throws uncaught component already registered error when draggable items contain Livewire component(s).

RevertOnSpill: ✅

  • Works correctly, even if the draggable items contain Livewire component(s)

RemoveOnSpill: 🚫

  • Does not work when the draggable items contain Livewire component(s).
    • Livewire throws a Component not found error when the dragged element has been removed from the DOM by Sortablejs.

gdebrauwer avatar Oct 19 '23 13:10 gdebrauwer