From 059b290e2b7b65b283908c5cc60db95f248d58d6 Mon Sep 17 00:00:00 2001
From: Tan Zhen Yong <Xenonym@users.noreply.github.com>
Date: Fri, 21 Jan 2022 05:09:07 +0800
Subject: [PATCH] Prevent submitting the demo form (#272)

* Prevent submitting the demo form

When the submit button on the demo form is pressed, the form is actually
submitted and the page is refreshed.

Let's prevent the form from submitting by adding a dummy onsubmit
handler that returns false.

* Create hungry-eagles-shout.md

Co-authored-by: Kognise <felix.mattick@gmail.com>
---
 .changeset/hungry-eagles-shout.md | 5 +++++
 docs/index.html                   | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/hungry-eagles-shout.md

diff --git a/.changeset/hungry-eagles-shout.md b/.changeset/hungry-eagles-shout.md
new file mode 100644
index 0000000..f33a35b
--- /dev/null
+++ b/.changeset/hungry-eagles-shout.md
@@ -0,0 +1,5 @@
+---
+"water.css": patch
+---
+
+Prevent submitting the demo form
diff --git a/docs/index.html b/docs/index.html
index 066495e..8c9d4e2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -198,7 +198,7 @@
     <p>This is supposed to be a demo page so we need more elements!</p>
 
     <h3 id="form-elements">Form elements</h3>
-    <form>
+    <form onsubmit="return false;">
       <label for="email">Email</label>
       <input type="email" name="email" id="email" placeholder="john.doe@gmail.com" />