From 6d36b407c973b29574d995b2fb2e300176d3fb17 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 8 Oct 2024 09:23:13 +0200
Subject: [PATCH] fix(crepe): button type in toolbar (#1530)

---
 packages/crepe/src/feature/toolbar/component.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/crepe/src/feature/toolbar/component.ts b/packages/crepe/src/feature/toolbar/component.ts
index b78b404b598..01c1cb65598 100644
--- a/packages/crepe/src/feature/toolbar/component.ts
+++ b/packages/crepe/src/feature/toolbar/component.ts
@@ -52,6 +52,7 @@ export const toolbarComponent: Component<ToolbarProps> = ({
 
   return html`<host>
     <button
+      type="button"
       class=${clsx('toolbar-item', ctx && isActive(strongSchema.type(ctx)) && 'active')}
       onmousedown=${onClick((ctx) => {
         const commands = ctx.get(commandsCtx)
@@ -61,6 +62,7 @@ export const toolbarComponent: Component<ToolbarProps> = ({
       ${config?.boldIcon?.() ?? boldIcon}
     </button>
     <button
+      type="button"
       class=${clsx('toolbar-item', ctx && isActive(emphasisSchema.type(ctx)) && 'active')}
       onmousedown=${onClick((ctx) => {
         const commands = ctx.get(commandsCtx)
@@ -70,6 +72,7 @@ export const toolbarComponent: Component<ToolbarProps> = ({
       ${config?.italicIcon?.() ?? italicIcon}
     </button>
     <button
+      type="button"
       class=${clsx('toolbar-item', ctx && isActive(strikethroughSchema.type(ctx)) && 'active')}
       onmousedown=${onClick((ctx) => {
         const commands = ctx.get(commandsCtx)
@@ -80,6 +83,7 @@ export const toolbarComponent: Component<ToolbarProps> = ({
     </button>
     <div class="divider"></div>
     <button
+      type="button"
       class=${clsx('toolbar-item', ctx && isActive(inlineCodeSchema.type(ctx)) && 'active')}
       onmousedown=${onClick((ctx) => {
         const commands = ctx.get(commandsCtx)
@@ -89,6 +93,7 @@ export const toolbarComponent: Component<ToolbarProps> = ({
       ${config?.codeIcon?.() ?? codeIcon}
     </button>
     <button
+      type="button"
       class=${clsx('toolbar-item', ctx && isActive(linkSchema.type(ctx)) && 'active')}
       onmousedown=${onClick((ctx) => {
         const view = ctx.get(editorViewCtx)