fix: ToggleWrapper button defaulting to submit type (#1823)

Author: matthewlipski

packages/core/src/blocks/ToggleWrapper/createToggleWrapper.ts

@@ -41,6 +41,7 @@ export const createToggleWrapper = (
 
   const toggleButton = document.createElement("button");
   toggleButton.className = "bn-toggle-button";
+  toggleButton.type = "button";
   toggleButton.innerHTML =
     // https://fonts.google.com/icons?selected=Material+Symbols+Rounded:chevron_right:FILL@0;wght@700;GRAD@0;opsz@24&icon.query=chevron&icon.style=Rounded&icon.size=24&icon.color=%23e8eaed
     '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="CURRENTCOLOR"><path d="M320-200v-560l440 280-440 280Z"/></svg>';
@@ -75,6 +76,7 @@ export const createToggleWrapper = (
 
   const toggleAddBlockButton = document.createElement("button");
   toggleAddBlockButton.className = "bn-toggle-add-block-button";
+  toggleAddBlockButton.type = "button";
   toggleAddBlockButton.textContent = "Empty toggle. Click to add a block.";
   const toggleAddBlockButtonMouseDown = (event: MouseEvent) =>
     event.preventDefault();

packages/react/src/blocks/ToggleWrapper/ToggleWrapper.tsx

@@ -110,6 +110,7 @@ export const ToggleWrapper = (
       <div className="bn-toggle-wrapper" data-show-children={showChildren}>
         <button
           className="bn-toggle-button"
+          type="button"
           onMouseDown={(event) => event.preventDefault()}
           onClick={() => handleToggle(editor.getBlock(block)!)}
         >
@@ -129,6 +130,7 @@ export const ToggleWrapper = (
       {showChildren && childCount === 0 && (
         <button
           className="bn-toggle-add-block-button"
+          type="button"
           onClick={() => {
             const updatedBlock = editor.updateBlock(block, {
               // Single empty block with default type.