From d83d72ae308abfa30de61db23714fb1c39b10158 Mon Sep 17 00:00:00 2001
From: Tim Hoffmann <2836374+timhoffm@users.noreply.github.com>
Date: Mon, 7 Jun 2021 22:26:02 +0200
Subject: [PATCH] Prevent corrections and completions in search field

In particular mobile browsers use correction mechanisms on input fields.
Search will often be done with technical terms or even class/method/etc
names that these correction mechanisms do not know, resulting in
unwanted changes. This PR deactivates these correction mechanisms.

I've also reported this upstream to sphinx at
https://github.com/sphinx-doc/sphinx/pull/9307. See there for more
background.

Our current theme uses customized templates, so we have to adapt this
ourselves.

You can also that this is working by accessing the CI built docs with
a mobile device, and compare that with the released docs.
---
 doc/_templates/layout.html | 2 +-
 doc/_templates/search.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/doc/_templates/layout.html b/doc/_templates/layout.html
index 4480acb408af..e0481d0a68cd 100644
--- a/doc/_templates/layout.html
+++ b/doc/_templates/layout.html
@@ -63,7 +63,7 @@
             <li><a href="{{ pathto('devel/index') }}">Contributing</a></li>
             <li class="nav-right">
                 <form class="search" action="{{ pathto('search') }}" method="get">
-                <input type="text" name="q" aria-labelledby="searchlabel" placeholder="Search"/>
+                <input type="text" name="q" aria-labelledby="searchlabel" placeholder="Search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>
                 </form>
             </li>
         </ul>
diff --git a/doc/_templates/search.html b/doc/_templates/search.html
index 6e285090cc40..aacae3dac7c2 100644
--- a/doc/_templates/search.html
+++ b/doc/_templates/search.html
@@ -17,7 +17,7 @@ <h1 id="search-documentation">{{ _('Search') }}</h1>
     "codex ellipse".
   </p>
   <form action="" method="get">
-    <input type="text" name="q" value="" />
+    <input type="text" name="q" value="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>
     <input type="submit" value="{{ _('search') }}" />
     <span id="search-progress" style="padding-left: 10px"></span>
   </form>