fix: Document empty placeholder changes when focused

shared/editor/plugins/BlockMenuTrigger.tsx

@@ -116,13 +116,16 @@ export default class BlockMenuTrigger extends Extension {
               return;
             }
 
-            const decorations: Decoration[] = [];
-            const isEmpty = parent && parent.node.content.size === 0;
-            const isSlash = parent && parent.node.textContent === "/";
             const isTopLevel = state.selection.$from.depth === 1;
+            if (!isTopLevel) {
+              return;
+            }
 
-            if (isTopLevel) {
+            const decorations: Decoration[] = [];
-              if (isEmpty) {
+            const isEmptyNode = parent && parent.node.content.size === 0;
+            const isSlash = parent && parent.node.textContent === "/";
+
+            if (isEmptyNode) {
               decorations.push(
                 Decoration.widget(
                   parent.pos,
@@ -138,6 +141,8 @@ export default class BlockMenuTrigger extends Extension {
                 )
               );
 
+              const isEmptyDoc = state.doc.textContent === "";
+              if (!isEmptyDoc) {
                 decorations.push(
                   Decoration.node(
                     parent.pos,
@@ -149,24 +154,16 @@ export default class BlockMenuTrigger extends Extension {
                   )
                 );
               }
-
+            } else if (isSlash) {
-              if (isSlash) {
               decorations.push(
-                  Decoration.node(
+                Decoration.node(parent.pos, parent.pos + parent.node.nodeSize, {
-                    parent.pos,
-                    parent.pos + parent.node.nodeSize,
-                    {
                   class: "placeholder",
                   "data-empty-text": `  ${this.options.dictionary.newLineWithSlash}`,
-                    }
+                })
-                  )
               );
             }
 
             return DecorationSet.create(state.doc, decorations);
-            }
-
-            return;
           },
         },
       }),