From e613c97a884f65489ab71b8485ea783f47e913f1 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Wed, 26 Nov 2025 11:12:54 -0500
Subject: [PATCH] Disable Safari/macOS autocomplete on search inputs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add autocorrect=off, autocapitalize=off, spellcheck=false to all search
inputs to prevent Safari's autocomplete suggestions from interfering.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/base.html               | 2 +-
 kjvstudy_org/templates/index.html              | 2 +-
 kjvstudy_org/templates/search.html             | 3 +++
 kjvstudy_org/templates/stories_index.html      | 2 +-
 kjvstudy_org/templates/stories_kids_index.html | 2 +-
 5 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index eaef0ef..e62210a 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -1214,7 +1214,7 @@
     <nav class="nav-sidebar">
         <!-- Universal Search Box -->
         <div class="sidebar-search">
-            <input type="text" id="sidebar-search-input" placeholder="Search everything..." autocomplete="off">
+            <input type="text" id="sidebar-search-input" placeholder="Search everything..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
             <div id="search-results-dropdown" class="search-results-dropdown"></div>
         </div>
 
diff --git a/kjvstudy_org/templates/index.html b/kjvstudy_org/templates/index.html
index 80fc598..e8c2b21 100644
--- a/kjvstudy_org/templates/index.html
+++ b/kjvstudy_org/templates/index.html
@@ -332,7 +332,7 @@
     <h2>Search or Navigate Scripture</h2>
     <form class="lookup-form" onsubmit="return handleSearch(event)">
         <input type="text" class="lookup-input" id="verse-lookup-input"
-               placeholder="Search scripture or jump to verse..." autocomplete="off" />
+               placeholder="Search scripture or jump to verse..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
         <button type="submit" class="lookup-btn">Go</button>
     </form>
     <div id="lookup-results-dropdown" class="lookup-results-dropdown"></div>
diff --git a/kjvstudy_org/templates/search.html b/kjvstudy_org/templates/search.html
index 47c786d..1e5f915 100644
--- a/kjvstudy_org/templates/search.html
+++ b/kjvstudy_org/templates/search.html
@@ -174,6 +174,9 @@
                 placeholder="Enter words or phrases to search..."
                 class="search-input"
                 autocomplete="off"
+                autocorrect="off"
+                autocapitalize="off"
+                spellcheck="false"
                 autofocus
             >
             <div id="search-dropdown" class="search-dropdown"></div>
diff --git a/kjvstudy_org/templates/stories_index.html b/kjvstudy_org/templates/stories_index.html
index 912c8d3..8111331 100644
--- a/kjvstudy_org/templates/stories_index.html
+++ b/kjvstudy_org/templates/stories_index.html
@@ -227,7 +227,7 @@
     </div>
 
     <div class="story-search">
-        <input type="text" id="story-search" placeholder="Search stories by name, character, or theme..." autocomplete="off">
+        <input type="text" id="story-search" placeholder="Search stories by name, character, or theme..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
         <div id="story-search-dropdown" class="story-search-dropdown"></div>
     </div>
 </section>
diff --git a/kjvstudy_org/templates/stories_kids_index.html b/kjvstudy_org/templates/stories_kids_index.html
index c571045..3dc0e86 100644
--- a/kjvstudy_org/templates/stories_kids_index.html
+++ b/kjvstudy_org/templates/stories_kids_index.html
@@ -284,7 +284,7 @@
 </header>
 
 <div class="story-search">
-    <input type="text" id="story-search" placeholder="Search for a story..." autocomplete="off">
+    <input type="text" id="story-search" placeholder="Search for a story..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
     <div id="story-search-dropdown" class="story-search-dropdown"></div>
 </div>