From 2f2949ab51542d36fe518c9dac279381225ad608 Mon Sep 17 00:00:00 2001
From: Pierre Ecarlat <pecarlat@grandlyon.com>
Date: Thu, 21 Dec 2023 17:13:55 +0100
Subject: [PATCH] Update search-bar component as a search input
---
.../shared/components/v3/search-bar/search-bar.component.html | 4 ++--
.../shared/components/v3/search-bar/search-bar.component.ts | 3 +--
2 files changed, 3 insertions(+), 4 deletions(-)
diff --git a/src/app/shared/components/v3/search-bar/search-bar.component.html b/src/app/shared/components/v3/search-bar/search-bar.component.html
index 8bb5c7610..bdf249223 100644
--- a/src/app/shared/components/v3/search-bar/search-bar.component.html
+++ b/src/app/shared/components/v3/search-bar/search-bar.component.html
@@ -1,10 +1,10 @@
<form class="search-bar">
<input
- type="text"
+ type="search"
name="search"
[placeholder]="placeholder"
[(ngModel)]="value"
- (change)="onChange($event)"
+ (ngModelChange)="onChange()"
(keyup.enter)="handleSearch()"
/>
<app-v3-icon-button
diff --git a/src/app/shared/components/v3/search-bar/search-bar.component.ts b/src/app/shared/components/v3/search-bar/search-bar.component.ts
index 70586f4a3..2d9b1d893 100644
--- a/src/app/shared/components/v3/search-bar/search-bar.component.ts
+++ b/src/app/shared/components/v3/search-bar/search-bar.component.ts
@@ -22,8 +22,7 @@ export class SearchBarV3Component {
this.search.emit(this.value);
}
- public onChange(event: Event): void {
- this.value = (event.target as HTMLInputElement).value;
+ public onChange(): void {
this.valueChange.emit(this.value);
}
}
--
GitLab