LG-4809: Fix InfoSprinkle button type (#2664)

* Fix InfoSprinkle button type * Changeset
mongodb · Jan 28, 2025 · 78efdc9 · 78efdc9
1 parent 68964f5
commit 78efdc9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/spicy-melons-fetch.md b/.changeset/spicy-melons-fetch.md
@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/info-sprinkle': patch
+---
+
+The `trigger` associated with the `InfoSprinkle` component was previously a `<button>` element using the default `type="submit"`. When an `InfoSprinkle` instance was used in a `<form>` element, clicking would unexpectedly submit form data to the server. The `<button>` element now uses `type="button"` to prevent this behavior.
diff --git a/packages/info-sprinkle/src/InfoSprinkle/InfoSprinkle.tsx b/packages/info-sprinkle/src/InfoSprinkle/InfoSprinkle.tsx
@@ -41,6 +41,7 @@ export const InfoSprinkle = React.forwardRef<
           <button
             data-testid="info-sprinkle-icon"
             aria-label="more info"
+            type="button"
             {...triggerProps}
             aria-disabled
             ref={forwardRef}