disable touch scroll completely

apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx

@@ -281,7 +281,8 @@ export const Canvas = () => {
           width: 500,
           height: 500,
           overflow: "auto",
-          touchAction: dragItemId === undefined ? "none" : "auto",
+          // to make DnD work we have to disable scrolling using touch
+          touchAction: "none",
           "[data-id]": {
             cursor: dragItemId === undefined ? "grab" : "default",
           },

apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx

@@ -139,7 +139,9 @@ export const SortableList = ({
           overflow: "auto",
           background: "white",
           color: "black",
-          touchAction: dragItemId === undefined ? "none" : "auto",
+
+          // to make DnD work we have to disable scrolling using touch
+          touchAction: "none",
         }}
         ref={autoScrollHandlers.targetRef}
         onScroll={() => {