fix(toolbar-plugin): Adding an extra empty paragraph when insert code…

… node
facebook · May 14, 2024 · f678d85 · f678d85
1 parent 267382e
commit f678d85
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx b/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx
@@ -269,17 +269,21 @@ function BlockFormatDropDown({
         let selection = $getSelection();
 
         if (selection !== null) {
+          const emptyParagraph = $createParagraphNode();
+          const codeNode = $createCodeNode();
+
           if (selection.isCollapsed()) {
-            $setBlocksType(selection, () => $createCodeNode());
+            $setBlocksType(selection, () => codeNode);
           } else {
             const textContent = selection.getTextContent();
-            const codeNode = $createCodeNode();
             selection.insertNodes([codeNode]);
             selection = $getSelection();
             if ($isRangeSelection(selection)) {
               selection.insertRawText(textContent);
             }
           }
+
+          codeNode.insertBefore(emptyParagraph);
         }
       });
     }