From 25c94662d3634f797a62cd9b389ad099edaffee3 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Wed, 21 Jan 2026 16:54:13 -0500
Subject: [PATCH] added mouse handlers back to canvas

---
 components/Canvas.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/components/Canvas.tsx b/components/Canvas.tsx
index 496cffdf..a03c1b8b 100644
--- a/components/Canvas.tsx
+++ b/components/Canvas.tsx
@@ -399,8 +399,7 @@ function CanvasBlock(props: {
   return (
     <div
       ref={ref}
-      {...(!props.preview ? { ...longPressHandlers } : {})}
-      // {...(isMobile && permissions.write ? { ...dragHandlers } : {})}
+      {...(!props.preview ? { ...longPressHandlers, ...mouseHandlers } : {})}
       id={props.preview ? undefined : elementId.block(props.entityID).container}
       className={`canvasBlockWrapper absolute group/canvas-block will-change-transform rounded-lg flex items-stretch origin-center p-3        `}
       style={{
@@ -411,15 +410,12 @@ function CanvasBlock(props: {
         transform,
       }}
     >
-      {/* the gripper show on hover, but longpress logic needs to be added for mobile*/}
       {!props.preview && permissions.write && (
         <Gripper isFocused={isFocused} {...dragHandlers} />
       )}
 
-      {/*mouseHandlers are being added here so they don't interfere with the dragHandlers in the div above*/}
       <div
         className={` w-full ${dragDelta || widthHandle.dragDelta || rotateHandle.dragDelta ? "pointer-events-none" : ""} `}
-        {...(!props.preview ? { ...mouseHandlers } : {})}
       >
         <BaseBlock
           {...blockProps}
-- 
2.51.2