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
This commit is contained in:
Erb3 2024-12-10 21:16:13 +01:00 committed by GitHub
parent d851f32ea0
commit 7d480ffbd6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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)"