Close popover when the content is cleared (#77)

glowingjade · Nov 1, 2024 · b3264e2 · b3264e2
1 parent 60cdd04
commit b3264e2
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/chat-view/chat-input/plugins/template/CreateTemplatePopoverPlugin.tsx b/src/components/chat-view/chat-input/plugins/template/CreateTemplatePopoverPlugin.tsx
@@ -88,6 +88,20 @@ export default function CreateTemplatePopoverPlugin({
     }
   }, [editor, updatePopoverPosition])
 
+  useEffect(() => {
+    // Update popover position when the content is cleared
+    // (Selection change event doesn't fire in this case)
+    if (!isPopoverOpen) return
+    const removeTextContentChangeListener = editor.registerTextContentListener(
+      () => {
+        updatePopoverPosition()
+      },
+    )
+    return () => {
+      removeTextContentChangeListener()
+    }
+  }, [editor, isPopoverOpen, updatePopoverPosition])
+
   useEffect(() => {
     if (!contentEditableElement) return
     const handleScroll = () => {