fix(controls): add type="button" to avoid form submissions (#1911) (#1912)

bcakmakoglu · devhus · bcakmakoglu · commit dfae6619e2ec · 2025-08-07T15:39:59.000+02:00
* fix(controls): add `type="button"` to avoid form submissions (#1911) * chore(changeset): add --------- Co-authored-by: Hossam Hassan <58523735+devhus@users.noreply.github.com>
diff --git a/.changeset/clever-rabbits-guess.md b/.changeset/clever-rabbits-guess.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/controls": patch
+---
+
+Add `type="button"` to control buttons to avoid form submission if controls are nested in a form element.
diff --git a/packages/controls/src/ControlButton.vue b/packages/controls/src/ControlButton.vue
@@ -6,7 +6,7 @@ export default {
 </script>
 
 <template>
-  <button class="vue-flow__controls-button">
+  <button type="button" class="vue-flow__controls-button">
     <slot />
   </button>
 </template>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@vue-flow/controls": patch
 +---
++
 +Add `type="button"` to control buttons to avoid form submission if controls are nested in a form element.