From ef46f350be3b6e43a49d5c2089379f800fdac6dc Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Sun, 13 Mar 2022 19:04:10 -0700
Subject: [PATCH] breaking(form): do not prevent default behavior on submit
 event (#1170)

* breaking(form): do not prevent default behavior on submit event

* docs(form): add "Prevent default behavior" example
---
 docs/src/pages/components/Form.svx | 14 ++++++++++++++
 src/Form/Form.svelte               |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/components/Form.svx b/docs/src/pages/components/Form.svx
index 5d66a2dd..1f007664 100644
--- a/docs/src/pages/components/Form.svx
+++ b/docs/src/pages/components/Form.svx
@@ -60,3 +60,17 @@ components: ["Form", "FormGroup"]
   </FormGroup>
   <Button type="submit">Submit</Button>
 </Form>
+
+### Prevent default behavior
+
+The forwarded `submit` event is not modified. Use `e.preventDefault()` to prevent the native form submission behavior.
+
+```
+<Form on:submit={e => {
+  e.preventDefault();
+  console.log("submit", e);
+}}>
+   <Checkbox id="checkbox-0" labelText="Checkbox Label" checked />
+  <Button type="submit">Submit</Button>
+</Form>
+```
diff --git a/src/Form/Form.svelte b/src/Form/Form.svelte
index 502ae9e3..5c5e1d9f 100644
--- a/src/Form/Form.svelte
+++ b/src/Form/Form.svelte
@@ -13,7 +13,7 @@
   on:mouseover
   on:mouseenter
   on:mouseleave
-  on:submit|preventDefault
+  on:submit
 >
   <slot />
 </form>