From 41262ee1d938588a2804de01746ad443ae90a7c0 Mon Sep 17 00:00:00 2001
From: Johannes Schriewer <hallo@dunkelstern.de>
Date: Mon, 6 Jan 2025 18:40:59 +0100
Subject: [PATCH] Bugfix: search fields interacted in a wrong way on tag list

---
 inventory/templates/base.html               | 2 +-
 inventory/templates/inventory/tag_list.html | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/inventory/templates/base.html b/inventory/templates/base.html
index 2f65625..908708a 100644
--- a/inventory/templates/base.html
+++ b/inventory/templates/base.html
@@ -41,7 +41,7 @@
                 <a href="{% url 'search' %}" onclick="showSearch(event)"><img class="icon" title="Search" src="{% static "inventory/img/search.svg" %}"></a>
                 <div id="search-container">
                     <form action="{% url 'search' %}" method="get">
-                        <input name="q" id="search" type="text">
+                        <input name="q" id="search" type="text" placeholder="Search">
                         <button type="submit">Search</button>
                     </form>
                 </div>
diff --git a/inventory/templates/inventory/tag_list.html b/inventory/templates/inventory/tag_list.html
index 93b3d51..a6b57c4 100644
--- a/inventory/templates/inventory/tag_list.html
+++ b/inventory/templates/inventory/tag_list.html
@@ -11,7 +11,7 @@
 {% block content %}
     <script>
         function updateSearch(e) {
-            const input = document.getElementById('search');
+            const input = document.getElementById('tag-search');
             const text = input.value.toLowerCase();
 
             if (text.length >= 2) {
@@ -39,8 +39,7 @@
         }
     </script>
     <form>
-        <label for="search">Search:</label>
-        <input type="text" id="search" name="search" oninput="updateSearch(event)">
+        <input type="text" id="tag-search" name="tag-search" placeholder="Search" oninput="updateSearch(event)">
         <button onclick="updateSearch(event)">Search</button>
     </form>
     <ul class="tag-list" id="tagcloud">