UI/ fix tooltip submitting form (hashicorp#16659)

* fix tooltip submitting form * add changelog * add changelog actually
kstevena · Aug 10, 2022 · 1d51c51 · 1d51c51
1 parent 820575f
commit 1d51c51
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/changelog/16659.txt b/changelog/16659.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: Fix info tooltip submitting form
+```
diff --git a/ui/lib/core/addon/components/info-tooltip.js b/ui/lib/core/addon/components/info-tooltip.js
@@ -7,4 +7,10 @@ export default Component.extend({
   attributeBindings: ['data-test-component'],
   tagName: 'span',
   classNames: ['is-inline-block'],
+
+  actions: {
+    preventSubmit(e) {
+      e.preventDefault();
+    },
+  },
 });
diff --git a/ui/lib/core/addon/templates/components/info-tooltip.hbs b/ui/lib/core/addon/templates/components/info-tooltip.hbs
@@ -4,6 +4,7 @@
     @type="button"
     class="tool-tip-trigger button is-ghost is-compact"
     data-test-tool-tip-trigger={{true}}
+    onclick={{action "preventSubmit"}}
   >
     <Icon @name="info" class="auto-width" aria-label="help" />
   </d.Trigger>