From 9f72e5393bfe92a6abe426ce4e2623a412c7e3a8 Mon Sep 17 00:00:00 2001
From: exyi <exyi@outlook.cz>
Date: Sun, 18 Oct 2020 09:47:23 +0000
Subject: [PATCH] Ok, browsers are ignoring pattern, lets use type=number

---
 frontend/src/SolutionCaptcha.svelte | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/SolutionCaptcha.svelte b/frontend/src/SolutionCaptcha.svelte
index e725a39..9178a0a 100644
--- a/frontend/src/SolutionCaptcha.svelte
+++ b/frontend/src/SolutionCaptcha.svelte
@@ -12,7 +12,21 @@
     }
 </script>
 
+<style>
+     /* Chrome, Safari, Edge, Opera */
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    /* Firefox */
+    input[type=number] {
+        -moz-appearance: textfield;
+    }
+</style>
+
 <div>
     <p>Úlohu zatím nemáš vyřešenou, opravdu si chceš vyzradit řešení?</p>
-    {a} + {b} = <input type=text pattern="[0-9]*" on:input={e => newValue(+e.currentTarget.value)}>
+    {a} + {b} = <input type="number" on:input={e => newValue(+e.currentTarget.value)}>
 </div>