From 21a965d13f141f2c1ff1c5d2a7180e19ec2ae4cb Mon Sep 17 00:00:00 2001
From: Paul Miller <paul@paul.lol>
Date: Thu, 26 Oct 2023 09:49:13 -0500
Subject: [PATCH] bump the z-index of amount editor

---
 src/components/AmountEditable.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/AmountEditable.tsx b/src/components/AmountEditable.tsx
index d1940a6d..0b961b2c 100644
--- a/src/components/AmountEditable.tsx
+++ b/src/components/AmountEditable.tsx
@@ -696,16 +696,15 @@ export const AmountEditable: ParentComponent<{
                     <InlineAmount amount={maxOrLocalSats()} />
                 </Show>
                 <img src={pencil} alt="Edit" />
-                {/* {props.children} */}
             </button>
             <Dialog.Portal>
-                {/* <Dialog.Overlay class={OVERLAY} /> */}
                 <div class={DIALOG_POSITIONER}>
                     <Dialog.Content
                         class={DIALOG_CONTENT}
+                        // Should always be on top, even when nested in other dialogs
+                        classList={{ "z-50": true }}
                         onEscapeKeyDown={handleClose}
                     >
-                        {/* TODO: figure out how to submit on enter */}
                         <div class="flex w-full justify-end">
                             <button
                                 onClick={handleClose}
@@ -715,7 +714,6 @@ export const AmountEditable: ParentComponent<{
                                 <img src={close} alt="Close" />
                             </button>
                         </div>
-                        {/* <form onSubmit={handleSubmit} class="text-black"> */}
                         <form
                             onSubmit={handleSubmit}
                             class="absolute -z-10 opacity-0"