Browse Source

feat: limit polyfill mobile drag and drop only to draggable items

Kristian Vos 2 years ago
parent
commit
d4db30d622
1 changed files with 12 additions and 1 deletions
  1. 12 1
      frontend/src/main.ts

+ 12 - 1
frontend/src/main.ts

@@ -302,7 +302,18 @@ lofig.folder = defaultConfigURL;
 
 	mobileDragDropPolyfill({
 		dragImageTranslateOverride:
-			mobileDragDropScrollBehaviourDragImageTranslateOverride
+			mobileDragDropScrollBehaviourDragImageTranslateOverride,
+		tryFindDraggableTarget: event => {
+			const getDraggableElement = (element: HTMLElement) => {
+				if (element.classList.contains("draggable-item"))
+					return element;
+				if (element.parentElement)
+					return getDraggableElement(element.parentElement);
+				return undefined;
+			};
+
+			return getDraggableElement(event.target as HTMLElement);
+		}
 	});
 
 	window.addEventListener("touchmove", () => {});