From 8711862c4c19033e3444c117a6e8d4474218aaa6 Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Sat, 31 Aug 2024 13:25:42 +0200
Subject: [PATCH] Better drop effect handling

---
 src/back/routes/common/sortable/sortable.stimulus.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/back/routes/common/sortable/sortable.stimulus.ts b/src/back/routes/common/sortable/sortable.stimulus.ts
index 265b87c..8d72344 100644
--- a/src/back/routes/common/sortable/sortable.stimulus.ts
+++ b/src/back/routes/common/sortable/sortable.stimulus.ts
@@ -20,6 +20,7 @@ export default class Sortable extends Controller {
 
 	setupHoleListeners(hole: HTMLDivElement) {
 		hole.addEventListener("dragenter", (event) => {
+			e.dataTransfer.dropEffect = "move";
 			if (!this.dragged_element) {
 				return;
 			}
@@ -28,6 +29,7 @@ export default class Sortable extends Controller {
 		});
 
 		hole.addEventListener("dragover", (event) => {
+			e.dataTransfer.dropEffect = "move";
 			if (!this.dragged_element) {
 				return;
 			}
@@ -77,7 +79,7 @@ export default class Sortable extends Controller {
 	connect() {
 		this.element.querySelectorAll(".sortable__element").forEach((element) => {
 			element.addEventListener("dragstart", (e: DragEvent) => {
-				e.dataTransfer.dropEffect = "move";
+				event.dataTransfer.effectAllowed = "move";
 				const target = e.target as HTMLDivElement;
 				this.dragged_element = target;
 				setTimeout(() => {