From: Paul Hänsch <paul@plutz.net>
Date: Wed, 11 Oct 2023 16:22:57 +0000 (+0200)
Subject: make search fields type=search
X-Git-Url: https://git.plutz.net/?a=commitdiff_plain;h=81d216bea30f87c783d9ed427a1bd3150b41708f;p=shellwiki

make search fields type=search
---

diff --git a/macros/wikiform b/macros/wikiform
index be6e4be..257a22e 100755
--- a/macros/wikiform
+++ b/macros/wikiform
@@ -38,11 +38,11 @@ case $action in
   search)
     if [ "$LANGUAGE_DEFAULT" ]; then
       printf '<form class="search" method="GET" action="./:%s/[search]">
-        <input class="search" placeholder="%s" name="q" value=""><button type="submit" class="search">%s</button>
+        <input type="search" placeholder="%s" name="q" value=""><button type="submit" class="search">%s</button>
       </form>' "$LANGUAGE" "$(_ Search)" "$(_ Search)"
     else
       printf '<form class="search" method="GET" action="./[search]">
-        <input class="search" placeholder="%s" name="q" value=""><button type="submit" class="search">%s</button>
+        <input type="search" placeholder="%s" name="q" value=""><button type="submit" class="search">%s</button>
       </form>' "$(_ Search)" "$(_ Search)"
     fi
     ;;
diff --git a/themes/default.css b/themes/default.css
index ae1cdf9..e7d5091 100644
--- a/themes/default.css
+++ b/themes/default.css
@@ -168,7 +168,7 @@ form.newpage, form.search {
   margin-bottom: 1em;
 }
 form.search { text-align: center; }
-input.search {
+input.search, input[type="search"] {
   min-width: 50%;
   max-width: 80%;
   max-width: calc(100%  - 2.5em);
@@ -224,8 +224,8 @@ table {
     width: 100%;
   }
 
-  .left  input.search,
-  .right input.search {
+  .left  input.search, .left  input[type="search"],
+  .right input.search, .right input[type="search"] {
     width: 80%;
     width: calc(100% - 2.5em);
   }
diff --git a/themes/default.sh b/themes/default.sh
index 23b03f2..5979f20 100755
--- a/themes/default.sh
+++ b/themes/default.sh
@@ -143,7 +143,7 @@ theme_search(){
 	<article>
 	  <h1>$([ "$words" ] && _ "Search results" || _ "Search" )</h1>
 	  <form class="search" method="GET">
-	    <input class="search" name="q" value="$(HTML $words)"><button class="search" type="submit">$(_ Search)</button>
+	    <input type="search" name="q" value="$(HTML $words)"><button class="search" type="submit">$(_ Search)</button>
 	  </form>
 	  <ol class="searchresults">
 	    $( while read p; do