From 7d480ffbd62f578d5f39d022bcdd318ad0dd9b9a Mon Sep 17 00:00:00 2001
From: Erb3 <49862976+Erb3@users.noreply.github.com>
Date: Tue, 10 Dec 2024 21:16:13 +0100
Subject: [PATCH] fix(frontend): remove duplicate id for searchbars (#3000)

Only one element should have the same id. The id is used to link with the label's `for` attribute. There may be similar issues other places, but this is the one that was brought to my attention.

Resolves #2999
---
 .../src/pages/search/[searchProjectType].vue         | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/src/pages/search/[searchProjectType].vue b/apps/frontend/src/pages/search/[searchProjectType].vue
index aaac004e3..407d7523d 100644
--- a/apps/frontend/src/pages/search/[searchProjectType].vue
+++ b/apps/frontend/src/pages/search/[searchProjectType].vue
@@ -48,12 +48,12 @@
       <section class="card gap-1" :class="{ 'max-lg:!hidden': !sidebarMenuOpen }">
         <div class="flex items-center gap-2">
           <div class="iconified-input w-full">
-            <label class="hidden" for="search">Search</label>
+            <label class="hidden" for="filter-search">Search</label>
             <SearchIcon aria-hidden="true" />
             <input
-              id="search"
+              id="filter-search"
               v-model="queryFilter"
-              name="search"
+              name="filter-search"
               type="search"
               placeholder="Search filters..."
               autocomplete="off"
@@ -174,13 +174,13 @@
             Filters...
           </button>
           <div class="iconified-input">
-            <label class="hidden" for="search">Search</label>
+            <label class="hidden" for="project-search">Search</label>
             <SearchIcon aria-hidden="true" />
             <input
-              id="search"
+              id="project-search"
               v-model="query"
               type="search"
-              name="search"
+              name="project-search"
               :placeholder="`Search ${projectType.display}s...`"
               autocomplete="off"
               @input="onSearchChange(1)"