fix: show FloatingMenu by default only if focused (#2275)

ueberdosis · Dec 15, 2021 · 809af3b · 809af3b
1 parent 0e0cdc0
commit 809af3b
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
     }