Disable Safari/macOS autocomplete on search inputs

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>
This commit is contained in:
2025-11-26 11:12:54 -05:00
parent 0c03e06970
commit e613c97a88
5 changed files with 7 additions and 4 deletions
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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>
+3
View File
@@ -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>
+1 -1
View File
@@ -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>
@@ -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>