🐛 (editor) Fix outside click not working in some cases

apps/builder/src/components/VariableSearchInput.tsx

@@ -58,7 +58,7 @@ export const VariableSearchInput = ({
 
   useOutsideClick({
     ref: dropdownRef,
-    handler: () => onClose,
+    handler: onClose,
   })
 
   useEffect(() => {
@@ -189,6 +189,7 @@ export const VariableSearchInput = ({
             w="inherit"
             shadow="lg"
             onMouseDown={(e) => e.stopPropagation()}
+            onPointerDown={(e) => e.stopPropagation()}
           >
             {isCreateVariableButtonDisplayed && (
               <Button

apps/builder/src/features/blocks/bubbles/textBubble/components/TextBubbleEditor/TextBubbleEditor.tsx

@@ -148,6 +148,9 @@ const TextBubbleEditorContent = ({
             rememberedSelection.current = editor.selection
           },
           onKeyDown: handleKeyDown,
+          onClick: () => {
+            setIsVariableDropdownOpen(false)
+          },
         }}
       />
       {isVariableDropdownOpen && (

apps/builder/src/hooks/useOutsideClick.ts

@@ -6,13 +6,11 @@ type Handler = (event: MouseEvent) => void
 type Props<T> = {
   ref: RefObject<T>
   handler: Handler
-  mouseEvent?: 'mousedown' | 'mouseup'
 }
 
 export const useOutsideClick = <T extends HTMLElement = HTMLElement>({
   ref,
   handler,
-  mouseEvent = 'mousedown',
 }: Props<T>): void => {
   const triggerHandlerIfOutside = (event: MouseEvent) => {
     const el = ref?.current
@@ -22,5 +20,5 @@ export const useOutsideClick = <T extends HTMLElement = HTMLElement>({
     handler(event)
   }
 
-  useEventListener(mouseEvent, triggerHandlerIfOutside)
+  useEventListener('pointerdown', triggerHandlerIfOutside)
 }