wire:sortable callback has no effect in custom page

Hi guys,

I created a custom Filament page. Inside, I have the following content :
<x-filament::page>
    <ul wire:sortable="updateTaskOrder">
        @foreach ($items as $task)
            <li wire:sortable.item="{{ $task->id }}" wire:key="task-{{ $task->id }}">
                <h4 wire:sortable.handle>{{ $task->title }}</h4>
                <button wire:click="removeTask({{ $task->id }})">Remove</button>
            </li>
        @endforeach
    </ul>
</x-filament::page>


However, the callback method passed to wire:sortable is NEVER called. I do not know why. Is it a problem with Filament livewire component?
Was this page helpful?