From 2eb33007f7b353d215eadab503fcf7874ad90031 Mon Sep 17 00:00:00 2001
From: Ben Busby <benbusby@protonmail.com>
Date: Wed, 21 Apr 2021 10:48:26 -0400
Subject: [PATCH] Disable autocorrect on mobile search inputs

Fixes #292
---
 app/templates/header.html | 28 ++++++++++++++++++++++------
 app/templates/index.html  | 22 ++++++++++++++++++++--
 2 files changed, 42 insertions(+), 8 deletions(-)

diff --git a/app/templates/header.html b/app/templates/header.html
index 5973274..e9ab529 100644
--- a/app/templates/header.html
+++ b/app/templates/header.html
@@ -11,11 +11,19 @@
                 </a>
                 <div class="H0PQec" style="width: 100%;">
                     <div class="sbc esbc autocomplete">
-                        <input id="search-bar" autocapitalize="none" autocomplete="off" class="noHIxc" name="q"
-                               style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
+                        <input 
+                            id="search-bar" 
+                            autocapitalize="none" 
+                            autocomplete="off" 
+                            autocorrect="off"
+                            spellcheck="false" 
+                            class="noHIxc" 
+                            name="q"
+                            style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
                                        color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
                                        border: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '' }}; border-radius: 8px;"
-                               spellcheck="false" type="text" value="{{ query }}">
+                            type="text" 
+                            value="{{ query }}">
                         <input name="tbm" value="{{ search_type }}" style="display: none">
                         <input type="submit" style="display: none;">
                         <div class="sc"></div>
@@ -37,9 +45,17 @@
             <form id="search-form" class="search-form" id="sf" method="POST">
                 <div class="autocomplete" style="width: 100%; flex: 1">
                     <div style="width: 100%; display: flex">
-                        <input id="search-bar" autocapitalize="none" autocomplete="off" class="noHIxc" name="q"
-                               spellcheck="false" type="text" value="{{ query }}"
-                               style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
+                        <input 
+                            id="search-bar" 
+                            autocapitalize="none" 
+                            autocomplete="off" 
+                            autocorrect="off"
+                            class="noHIxc" 
+                            name="q"
+                            spellcheck="false"
+                            type="text"
+                            value="{{ query }}"
+                            style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
                                        color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
                                        border: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '' }}; border-radius: 8px;">
                         <input name="tbm" value="{{ search_type }}" style="display: none">
diff --git a/app/templates/index.html b/app/templates/index.html
index 336b159..41c33ae 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -42,7 +42,16 @@
             <form id="search-form" action="search" method="{{ 'get' if config.get_only else 'post' }}">
                 <div class="search-fields">
                     <div class="autocomplete">
-                        <input type="text" name="q" id="search-bar" class="home-search" autofocus="autofocus" autocapitalize="none" autocomplete="off">
+                        <input 
+                            type="text" 
+                            name="q" 
+                            id="search-bar" 
+                            class="home-search" 
+                            autofocus="autofocus" 
+                            autocapitalize="none"
+                            spellcheck="false"
+                            autocorrect="off"
+                            autocomplete="off">
                     </div>
                     <input type="submit" id="search-submit" value="Search">
                 </div>
@@ -132,7 +141,16 @@
                         </div>
                         <div class="config-div config-div-custom-css">
                             <label for="config-style">Custom CSS:</label>
-                            <textarea name="style" id="config-style" value="">{{ config.style }}</textarea>
+                            <textarea 
+                                name="style" 
+                                id="config-style"
+                                autocapitalize="off"
+                                autocomplete="off"
+                                spellcheck="false"
+                                autocorrect="off"
+                                value="">
+                                {{ config.style }}
+                            </textarea>
                         </div>
                         <div class="config-div">
                             <input type="submit" id="config-load" value="Load">&nbsp;