prevent drag to zoom conflicting with drag&drop

src/Model/Utility/utility.ts

@@ -307,6 +307,9 @@ export function implementPinchZoom(canvas: HTMLElement, data: React.State<PinchT
     });
 
     canvas.addEventListener("mousedown", (event: MouseEvent) => {
+	const target = event.target as HTMLElement|undefined;
+	if (!target || !target.classList.contains("allow-drag-move")) return;
+	event.preventDefault();
 	initialZoom = data.value.zoom;
 	initialX = data.value.x;
 	initialY = data.value.y;
@@ -319,6 +322,7 @@ export function implementPinchZoom(canvas: HTMLElement, data: React.State<PinchT
     })
     canvas.addEventListener("mousemove", (event: MouseEvent) => {
 	if (!dragging) return;
+	event.preventDefault();
 	apply(data.value.zoom, [
 	    initialX +
 	    (event.clientX - initialTouchX) / initialZoom,

src/View/ChatPages/boardKanbanPage.tsx

@@ -42,7 +42,7 @@ export function BoardKanbanPage(
 
             return (
                 <div
-                    class="kanban-board-wrapper zoom"
+                    class="kanban-board-wrapper zoom allow-drag-move"
                     children:append={[categories, categoryNameConverter]}
                 ></div>
             );

src/View/ChatPages/boardPage.tsx

@@ -46,7 +46,7 @@ export function BoardPage(
     );
 
     const wrapper = (
-        <div class="content main-content" children:set={pages}></div>
+        <div class="content main-content allow-drag-move" children:set={pages}></div>
     );
     Utility.implementPinchZoom(wrapper, boardViewModel.pinchToZoomData);
 

src/View/ChatPages/boardStatusGridPage.tsx

@@ -183,7 +183,7 @@ function CategoryRow(
 
             const view = (
                 <div class="flex-row flex-no large-gap">
-                    <div class="property-input-wrapper">
+                    <div class="property-input-wrapper allow-drag-move">
                         <input
                             placeholder={
                                 coreViewModel.translations.chatPage.task