From 3f5163fa5547a7eb3501f6885be8616e6d8e0250 Mon Sep 17 00:00:00 2001
From: Anton Kovalenko <anton@sw4me.com>
Date: Sat, 17 Jul 2021 23:12:21 +0300
Subject: [PATCH] PayFlow: focus on cancel button on modal open

---
 src/PayFlow.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/PayFlow.svelte b/src/PayFlow.svelte
index 1b9fea1..8b55f22 100644
--- a/src/PayFlow.svelte
+++ b/src/PayFlow.svelte
@@ -83,9 +83,11 @@
     isOpen=false
   }
 
+  let cancelButton;
+
 </script>
 
-<Modal {isOpen} toggle={dismiss} size='lg'>
+<Modal {isOpen} toggle={dismiss} on:open={()=>cancelButton.focus()} size='lg'>
   <ModalHeader>BOLT11 invoice: {stage}</ModalHeader>
   <ModalBody>
     {#if confirmAmount}
@@ -158,6 +160,7 @@
       {/if}
       <button
 	class="btn btn-outline-primary"
+	bind:this={cancelButton}
 	type="button" on:click="{dismiss}">Cancel</button>
     </div>
   </ModalFooter>