kuba/strona-czynna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better drop effect handling

Browse Source
This commit is contained in:
Kuba Orlik 2024-08-31 13:25:42 +02:00
parent a94b95bf57
commit 8711862c4c
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/back/routes/common/sortable/sortable.stimulus.ts
View File

@ -20,6 +20,7 @@ export default class Sortable extends Controller {
setupHoleListeners(hole: HTMLDivElement) { setupHoleListeners(hole: HTMLDivElement) {
hole.addEventListener("dragenter", (event) => { hole.addEventListener("dragenter", (event) => {
e.dataTransfer.dropEffect = "move";
if (!this.dragged_element) { if (!this.dragged_element) {
return; return;
} }
@ -28,6 +29,7 @@ export default class Sortable extends Controller {
}); });
hole.addEventListener("dragover", (event) => { hole.addEventListener("dragover", (event) => {
e.dataTransfer.dropEffect = "move";
if (!this.dragged_element) { if (!this.dragged_element) {
return; return;
} }
@ -77,7 +79,7 @@ export default class Sortable extends Controller {
connect() { connect() {
this.element.querySelectorAll(".sortable__element").forEach((element) => { this.element.querySelectorAll(".sortable__element").forEach((element) => {
element.addEventListener("dragstart", (e: DragEvent) => { element.addEventListener("dragstart", (e: DragEvent) => {
e.dataTransfer.dropEffect = "move"; event.dataTransfer.effectAllowed = "move";
const target = e.target as HTMLDivElement; const target = e.target as HTMLDivElement;
this.dragged_element = target; this.dragged_element = target;
setTimeout(() => { setTimeout(() => {