arthur/xtablo-source
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 5

fix(04): draggable:.task-card-zone — move wrapper not inner card

Browse source 
Sortable.js draggable must match direct children of .sortable-column.
Using .task-card (grandchild) caused Sortable to detach it from its
.task-card-zone wrapper, breaking HTMX OOB swap targets and making
drag appear to do nothing. Changed to .task-card-zone so the full
wrapper moves, keeping id= attributes intact for HTMX round-trips.

Also removed redundant form.dispatchEvent() before htmx.trigger()
which could cause a double submit on reorder.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arthur Belleville 2026-05-15 10:01:34 +02:00
parent 68f2ccdea3
commit 131c9fd6b3
No known key found for this signature in database
1 changed files with 1 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
backend/templates/tasks.templ
View file

@ -51,7 +51,7 @@ templ KanbanBoard(tabloID uuid.UUID, csrfToken string, tasks []sqlc.Task) {
group: "kanban",
animation: 150,
handle: ".task-drag-handle",
draggable: ".task-card",
draggable: ".task-card-zone",
ghostClass: "bg-slate-100",
chosenClass: "opacity-50",
onEnd: function() {
@ -67,7 +67,6 @@ templ KanbanBoard(tabloID uuid.UUID, csrfToken string, tasks []sqlc.Task) {
form.appendChild(colInp);
});
});
form.dispatchEvent(new Event("submit", { bubbles: true }));
htmx.trigger(form, "submit");
}
});