From 0421fd9833d416f5237a4a5ae75f71960681365b Mon Sep 17 00:00:00 2001
From: Eric Wagoner <ewagoner@gmail.com>
Date: Wed, 24 Dec 2025 10:46:17 -0500
Subject: [PATCH] Add Enter key to submit forms in modals
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Enter in PIN input triggers Unlock
- Enter in Confirm PIN input triggers Save PIN
- Enter in Item Name input triggers Save Item

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 5d191d9..23ada4e 100644
--- a/index.html
+++ b/index.html
@@ -726,7 +726,7 @@
             <div class="modal-body">
                 <div class="form-group">
                     <label class="form-label" for="pinInput">4-Digit PIN</label>
-                    <input type="password" class="form-input pin-input" id="pinInput" maxlength="4" placeholder="••••" inputmode="numeric" aria-describedby="pinHelpText">
+                    <input type="password" class="form-input pin-input" id="pinInput" maxlength="4" placeholder="••••" inputmode="numeric" aria-describedby="pinHelpText" onkeydown="if(event.key==='Enter'){event.preventDefault();verifyPin();}">
                 </div>
                 <button class="btn btn-primary" onclick="verifyPin()">Unlock</button>
                 <p id="pinHelpText" style="text-align: center; margin-top: 16px; font-size: 0.85rem; color: var(--soft-gray);"></p>
@@ -756,7 +756,7 @@
                 </div>
                 <div class="form-group">
                     <label class="form-label" for="confirmPinInput">Confirm PIN</label>
-                    <input type="password" class="form-input pin-input" id="confirmPinInput" maxlength="4" placeholder="••••" inputmode="numeric">
+                    <input type="password" class="form-input pin-input" id="confirmPinInput" maxlength="4" placeholder="••••" inputmode="numeric" onkeydown="if(event.key==='Enter'){event.preventDefault();setPin();}">
                 </div>
                 <button class="btn btn-primary" onclick="setPin()">Save PIN</button>
             </div>
@@ -778,7 +778,7 @@
             <div class="modal-body">
                 <div class="form-group">
                     <label class="form-label" for="itemName">Item Name</label>
-                    <input type="text" class="form-input" id="itemName" placeholder="e.g., All Purpose Flour">
+                    <input type="text" class="form-input" id="itemName" placeholder="e.g., All Purpose Flour" onkeydown="if(event.key==='Enter'){event.preventDefault();saveItem();}">
                 </div>
                 <div class="form-group">
                     <label class="form-label" for="itemContainer">Container Type</label>