fix: button type not set

Author: imzbf

packages/DropdownToolbar/index.tsx

@@ -30,7 +30,12 @@ const DropdownToolbar = (props: DropdownToolbarProps) => {
       overlay={props.overlay}
       disabled={props.disabled}
     >
-      <button className={className} title={props.title || ''} disabled={props.disabled}>
+      <button
+        className={className}
+        title={props.title || ''}
+        disabled={props.disabled}
+        type="button"
+      >
         {props.children || props.trigger}
       </button>
     </Dropdown>

packages/MdEditor/layouts/Toolbar/tools/Bold.tsx

@@ -22,6 +22,7 @@ const ToolbarBold = () => {
       onClick={() => {
         bus.emit(editorId, REPLACE, 'bold');
       }}
+      type="button"
     >
       <Icon name="bold" />
       {showToolbarName && (

packages/MdEditor/layouts/Toolbar/tools/Catalog.tsx

@@ -28,6 +28,7 @@ const ToolbarCatalog = () => {
         bus.emit(editorId, CHANGE_CATALOG_VISIBLE);
       }}
       key="bar-catalog"
+      type="button"
     >
       <Icon name="catalog" />
 

packages/MdEditor/layouts/Toolbar/tools/Code.tsx

@@ -22,6 +22,7 @@ const ToolbarCode = () => {
       onClick={() => {
         bus.emit(editorId, REPLACE, 'code');
       }}
+      type="button"
     >
       <Icon name="code" />
       {showToolbarName && (

packages/MdEditor/layouts/Toolbar/tools/CodeRow.tsx

@@ -22,6 +22,7 @@ const ToolbarCodeRow = () => {
       onClick={() => {
         bus.emit(editorId, REPLACE, 'codeRow');
       }}
+      type="button"
     >
       <Icon name="code-row" />
       {showToolbarName && (

packages/MdEditor/layouts/Toolbar/tools/Fullscreen.tsx

@@ -28,6 +28,7 @@ const ToolbarFullscreen = () => {
       onClick={() => {
         fullscreenHandler();
       }}
+      type="button"
     >
       <Icon name={setting.fullscreen ? 'fullscreen-exit' : 'fullscreen'} />
 

packages/MdEditor/layouts/Toolbar/tools/Github.tsx

@@ -16,6 +16,7 @@ const ToolbarGithub = () => {
       onClick={() => {
         linkTo('https://github.com/imzbf/md-editor-v3');
       }}
+      type="button"
     >
       <Icon name="github" />
       {showToolbarName && (

packages/MdEditor/layouts/Toolbar/tools/HtmlPreview.tsx

@@ -25,6 +25,7 @@ const ToolbarHtmlPreview = () => {
       onClick={() => {
         updateSetting('htmlPreview');
       }}
+      type="button"
     >
       <Icon name="preview-html" />
 

packages/MdEditor/layouts/Toolbar/tools/Image.tsx

@@ -22,6 +22,7 @@ const ToolbarImage = () => {
       onClick={() => {
         bus.emit(editorId, REPLACE, 'image');
       }}
+      type="button"
     >
       <Icon name="image" />
       {showToolbarName && (

packages/MdEditor/layouts/Toolbar/tools/ImageDropdown.tsx

@@ -122,6 +122,7 @@ const ToolbarImageDropdown = () => {
         ])}
         title={ult.toolbarTips?.image}
         disabled={disabled}
+        type="button"
       >
         <Icon name="image" />
         {showToolbarName && (