remove long press to select on mobile docs, kept for canvas

components/Blocks/Block.tsx

···
   });
   let entity_set = useEntitySetContext();
 
-  let { isLongPress, handlers } = useLongPress(() => {
-    if (isTextBlock[props.type]) return;
-    if (isLongPress.current) {
-      focusBlock(
-        { type: props.type, value: props.entityID, parent: props.parent },
-        { type: "start" },
-      );
-    }
-  });
-
   let selected = useUIState(
     (s) => !!s.selectedBlocks.find((b) => b.value === props.entityID),
   );
···
 
   return (
     <div
-      {...(!props.preview ? { ...mouseHandlers, ...handlers } : {})}
+      {...(!props.preview ? { ...mouseHandlers } : {})}
       id={
         !props.preview ? elementId.block(props.entityID).container : undefined
       }

components/Blocks/useBlockMouseHandlers.ts

···
 import { useSelectingMouse } from "components/SelectionManager/selectionState";
-import { MouseEvent, useCallback, useRef } from "react";
+import { MouseEvent, useCallback } from "react";
 import { useUIState } from "src/useUIState";
 import { Block } from "./Block";
 import { isTextBlock } from "src/utils/isTextBlock";
···
 import { elementId } from "src/utils/elementId";
 
 let debounce: number | null = null;
+
+// Track scrolling state for mobile
+let isScrolling = false;
+let scrollTimeout: number | null = null;
+
+if (typeof window !== "undefined") {
+  window.addEventListener(
+    "scroll",
+    () => {
+      isScrolling = true;
+      if (scrollTimeout) window.clearTimeout(scrollTimeout);
+      scrollTimeout = window.setTimeout(() => {
+        isScrolling = false;
+      }, 150);
+    },
+    true,
+  );
+}
 export function useBlockMouseHandlers(props: Block) {
   let entity_set = useEntitySetContext();
   let isMobile = useIsMobile();
···
       if ((e.target as Element).tagName === "BUTTON") return;
       if ((e.target as Element).tagName === "SELECT") return;
       if ((e.target as Element).tagName === "OPTION") return;
-      if (isMobile) return;
+      if (isMobile && isScrolling) return;
       if (!entity_set.permissions.write) return;
       useSelectingMouse.setState({ start: props.value });
       if (e.shiftKey) {
···
   );
   let onMouseEnter = useCallback(
     async (e: MouseEvent) => {
-      if (isMobile) return;
+      if (isMobile && isScrolling) return;
       if (!entity_set.permissions.write) return;
       if (debounce) window.clearTimeout(debounce);
       debounce = window.setTimeout(async () => {

components/Canvas.tsx

···
     },
     [props, rep, permissions],
   );
-  let { dragDelta, handlers } = useDrag({
+  let { dragDelta, handlers: dragHandlers } = useDrag({
     onDragEnd,
     delay: isMobile,
   });
···
   );
   let rotateHandle = useDrag({ onDragEnd: RotateOnDragEnd });
 
-  let { isLongPress, handlers: longPressHandlers } = useLongPress(() => {
-    if (isLongPress.current && permissions.write) {
-      focusBlock(
-        {
-          type: type?.data.value || "text",
-          value: props.entityID,
-          parent: props.parent,
-        },
-        { type: "start" },
-      );
-    }
-  });
+  let { isLongPress, longPressHandlers: longPressHandlers } = useLongPress(
+    () => {
+      if (isLongPress.current && permissions.write) {
+        focusBlock(
+          {
+            type: type?.data.value || "text",
+            value: props.entityID,
+            parent: props.parent,
+          },
+          { type: "start" },
+        );
+      }
+    },
+  );
   let angle = 0;
   if (rotateHandle.dragDelta) {
     let originX = rect.x + rect.width / 2;
···
   return (
     <div
       ref={ref}
-      {...(!props.preview ? { ...longPressHandlers } : {})}
-      {...(isMobile && permissions.write ? { ...handlers } : {})}
+      {...(isMobile && permissions.write ? { ...dragHandlers } : {})}
       id={props.preview ? undefined : elementId.block(props.entityID).container}
       className={`absolute group/canvas-block will-change-transform rounded-lg flex items-stretch origin-center p-3        `}
       style={{
···
       }}
     >
       {/* the gripper show on hover, but longpress logic needs to be added for mobile*/}
-      {!props.preview && permissions.write && <Gripper {...handlers} />}
+      {!props.preview && permissions.write && <Gripper {...dragHandlers} />}
       <div
         className={`contents ${dragDelta || widthHandle.dragDelta || rotateHandle.dragDelta ? "pointer-events-none" : ""} `}
       >

src/hooks/useLongPress.ts

···
   return useMemo(
     () => ({
       isLongPress: isLongPress,
-      handlers: {
+      longPressHandlers: {
         onPointerDown,
         onPointerUp: end,
         onClickCapture: click,