fix: show FloatingMenu by default only if focused

ueberdosis · Dec 14, 2021 · 29563bb · 29563bb
1 parent 9e6fbd6
commit 29563bb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/extension-floating-menu/src/floating-menu-plugin.ts b/packages/extension-floating-menu/src/floating-menu-plugin.ts
@@ -33,14 +33,18 @@ export class FloatingMenuView {
 
   public tippyOptions?: Partial<Props>
 
-  public shouldShow: Exclude<FloatingMenuPluginProps['shouldShow'], null> = ({ state }) => {
+  public shouldShow: Exclude<FloatingMenuPluginProps['shouldShow'], null> = ({ state, view }) => {
     const { selection } = state
     const { $anchor, empty } = selection
     const isRootDepth = $anchor.depth === 1
     const isEmptyTextBlock = $anchor.parent.isTextblock
       && !$anchor.parent.type.spec.code
       && !$anchor.parent.textContent
 
+    if (!view.hasFocus()) {
+      return false
+    }
+
     if (!empty || !isRootDepth || !isEmptyTextBlock) {
       return false
     }