chore: add button type

Kong · Jan 2, 2024 · 8a5c468 · 8a5c468
1 parent 3075e52
commit 8a5c468
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/components/toolbar/MarkdownToolbar.vue b/src/components/toolbar/MarkdownToolbar.vue
@@ -12,6 +12,7 @@
           :class="{ 'active': mode === 'edit' }"
           :disabled="mode === 'edit'"
           :tabindex="0"
+          type="button"
           @click.prevent="changeMode('edit')"
         >
           Edit
@@ -20,13 +21,15 @@
           class="mode-split-button"
           :class="{ 'active': mode === 'split' }"
           :tabindex="0"
+          type="button"
           @click.prevent="changeMode('split')"
         >
           Split
         </button>
         <button
           :class="{ 'active': mode === 'preview' }"
           :tabindex="0"
+          type="button"
           @click.prevent="changeMode('preview')"
         >
           Preview

diff --git a/src/components/toolbar/ToolbarButton.vue b/src/components/toolbar/ToolbarButton.vue
@@ -2,6 +2,7 @@
   <button
     class="toolbar-button"
     :class="[{ 'has-text': !icon }, appearance]"
+    type="button"
   >
     <slot name="default" />
   </button>

diff --git a/src/composables/useMarkdownIt.ts b/src/composables/useMarkdownIt.ts
@@ -115,7 +115,7 @@ export default function useMarkdownIt() {
       return `
         <div class="kong-markdown-code-block-container" style="position: relative">
           ${originalContent}
-          <button class="kong-markdown-code-block-copy" data-copytext="${content}" aria-label="Copy code" tabindex="0">
+          <button class="kong-markdown-code-block-copy" data-copytext="${content}" aria-label="Copy code" tabindex="0" type="button">
             ${COPY_ICON_SVG}
           </button>
         </div>