Merge pull request #347 from EnriqueSantos-dev/fix/hide-bubble-menu-i…

…f-not-editable

fix: not show bubble menu if editor cannot be editable

packages/headless/src/components/editor-bubble.tsx

@@ -26,10 +26,16 @@ export const EditorBubble = forwardRef<HTMLDivElement, EditorBubbleProps>(
         const { empty } = selection;
 
         // don't show bubble menu if:
+        // - the editor is not editable
         // - the selected node is an image
         // - the selection is empty
         // - the selection is a node selection (for drag handles)
-        if (editor.isActive("image") || empty || isNodeSelection(selection)) {
+        if (
+          !editor.isEditable ||
+          editor.isActive("image") ||
+          empty ||
+          isNodeSelection(selection)
+        ) {
           return false;
         }
         return true;
@@ -58,7 +64,7 @@ export const EditorBubble = forwardRef<HTMLDivElement, EditorBubbleProps>(
         </BubbleMenu>
       </div>
     );
-  }
+  },
 );
 
 EditorBubble.displayName = "EditorBubble";