From 29c9314c6d613db5885c8331efa9dd05dde9381e Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Sat, 15 Jan 2022 22:21:12 +0800
Subject: [PATCH] fix: prevent selection when resizing in Safari

---
 src/components/ResizeHandler.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ResizeHandler.tsx b/src/components/ResizeHandler.tsx
index 05692f9..4c4442a 100644
--- a/src/components/ResizeHandler.tsx
+++ b/src/components/ResizeHandler.tsx
@@ -75,7 +75,9 @@ export function useResizeHandler(
     return () => window.removeEventListener('pointerup', onPointerUp)
   }, [])
 
-  const onPointerDown = React.useCallback(({ clientX, clientY }: React.PointerEvent) => {
+  const onPointerDown = React.useCallback((e: React.PointerEvent) => {
+    e.preventDefault() // Prevent unexpected selection when dragging in Safari
+    const { clientX, clientY } = e
     pointerDown.current = true
     initialSizeRef.current = [clientX, clientY]
     baseSize.current = latestPropSize.current