Level 2
Do you get any errors?
Mar 3, 2024
6
Level 1
Livewire breaks drag & drop
Hey guys
I am having a strange little problem.
I have implemented drag&drop behavior, which works just fine. But after emitting a Livewire event (I had tried Livewire.dispatch first, now I am trying with wire:submit) the handleDragStart event would not fire anymore when I am dragging elements.
Any clue what could be the reason?
Thanks!
Level 1
No, just the event does not trigger. After relading the page, events work again.
This also happens when switching the page via pagination, same behavior as when wire:submit
Level 2
@markuskoehler I haven't used livewire so I'm not sure what the problem could be. Maybe its how the js is being loaded. Try the drag event with the console open to check for error, or create a click event to troubleshoot.
Level 51
I've used this in the past and it was really easy to implement: https://github.com/livewire/sortable
Level 1
@jaseofspades88 Sorry - I am not trying to reorder items. What I want to achieve is to drag & drop my bank account transactions onto categories to sort them in. This kinda works pretty well, just livewire breaks it every now and then and I dont know what to do about that, was thinking about $refresh or something, but apparently, I did not find a way to solve this
Level 1
Found something - not the reason but a suitable fix. wire:key did not help to fix the lost dragstart event, but what helped was to call it from alpine via x-on:dragstart
Please or to participate in this conversation.