From a3f42d52ffc972a304d3d83fc10d602336fe5e83 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 1 Oct 2024 20:37:56 -0700
Subject: stop propagation of numpad buttons

---
 src/components/Numpad.svelte | 6 +++---
 src/components/Pinpad.svelte | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte
index 56f037f3..8a9c1d03 100644
--- a/src/components/Numpad.svelte
+++ b/src/components/Numpad.svelte
@@ -210,7 +210,7 @@
         >
         <button
           type="button"
-          on:click={() => {
+          on:click|preventDefault|stopPropagation={() => {
             if (fiat) {
               amount = parseInt((amountFiat / (rate / sats)).toFixed(0));
             } else {
@@ -231,7 +231,7 @@
           <button
             type="button"
             class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white flex justify-center items-center hover:opacity-80"
-            on:click={() => handleInput(value)}
+            on:click|preventDefault|stopPropagation={() => handleInput(value)}
           >
             <Left />
           </button>
@@ -239,7 +239,7 @@
           <button
             type="button"
             class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white hover:opacity-80"
-            on:click={() => handleInput(value)}>{value}</button
+            on:click|preventDefault|stopPropagation={() => handleInput(value)}>{value}</button
           >
         {/if}
       {/each}
diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte
index 337b53d4..2bb2bcf9 100644
--- a/src/components/Pinpad.svelte
+++ b/src/components/Pinpad.svelte
@@ -73,7 +73,7 @@
           <button
             type="button"
             class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white flex justify-center items-center hover:opacity-80"
-            on:click={() => handleInput(value)}
+            on:click|stopPropagation|preventDefault={() => handleInput(value)}
           >
             <Left />
           </button>
@@ -81,7 +81,7 @@
           <button
             type="button"
             class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white hover:opacity-80"
-            on:click={() => handleInput(value)}>{value}</button
+            on:click|stopPropagation|preventDefault={() => handleInput(value)}>{value}</button
           >
         {/if}
       {/each}
-- 
cgit v1.2.3