🐛 (graph) Make the text bubble selectable without moving group

baptisteArno · Nov 24, 2022 · 0593d2e · 0593d2e · vercel · Nov 24, 2022
1 parent 9d69470
commit 0593d2e
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/...r/src/features/blocks/bubbles/textBubble/components/TextBubbleEditor/TextBubbleEditor.tsx b/...r/src/features/blocks/bubbles/textBubble/components/TextBubbleEditor/TextBubbleEditor.tsx
@@ -1,4 +1,9 @@
-import { Flex, Stack, useOutsideClick } from '@chakra-ui/react'
+import {
+  Flex,
+  Stack,
+  useEventListener,
+  useOutsideClick,
+} from '@chakra-ui/react'
 import React, { useEffect, useRef, useState } from 'react'
 import {
   Plate,
@@ -76,9 +81,13 @@ const TextBubbleEditorContent = ({
     }
   }
 
-  const handleMouseDown = (e: React.MouseEvent) => {
-    e.stopPropagation()
-  }
+  useEventListener(
+    'pointerdown',
+    (e) => {
+      e.stopPropagation()
+    },
+    textEditorRef.current
+  )
 
   const handleVariableSelected = (variable?: Variable) => {
     setIsVariableDropdownOpen(false)
@@ -100,7 +109,6 @@ const TextBubbleEditorContent = ({
       borderWidth="2px"
       borderColor="blue.400"
       rounded="md"
-      onMouseDown={handleMouseDown}
       pos="relative"
       spacing={0}
       cursor="text"