From 77d2e9ddb12c17f900fc27f123805e4caf5b7471 Mon Sep 17 00:00:00 2001
From: Etienne LOUPIAS <eloupias@grandlyon.com>
Date: Thu, 5 Sep 2024 15:56:00 +0200
Subject: [PATCH] fix(search): call search when input is cleared (chrome)
---
.../shared/components/search-bar/search-bar.component.html | 1 +
.../shared/components/search-bar/search-bar.component.ts | 7 +++++++
2 files changed, 8 insertions(+)
diff --git a/src/app/shared/components/search-bar/search-bar.component.html b/src/app/shared/components/search-bar/search-bar.component.html
index 611054536..5ac922b9c 100644
--- a/src/app/shared/components/search-bar/search-bar.component.html
+++ b/src/app/shared/components/search-bar/search-bar.component.html
@@ -7,6 +7,7 @@
[(ngModel)]="value"
(ngModelChange)="onChange()"
(keyup.enter)="handleSearch()"
+ (input)="clear($event)"
/>
<app-icon-button
ariaLabel="Rechercher"
diff --git a/src/app/shared/components/search-bar/search-bar.component.ts b/src/app/shared/components/search-bar/search-bar.component.ts
index 47054ef32..58b31444c 100644
--- a/src/app/shared/components/search-bar/search-bar.component.ts
+++ b/src/app/shared/components/search-bar/search-bar.component.ts
@@ -19,6 +19,13 @@ export class SearchBarComponent {
this.searchSubmitted.emit(this.value);
}
+ public clear(event: Event): void {
+ // Call search if cross icon in the input is clicked (only in chrome for input of type search)
+ if (!(event instanceof InputEvent) && event.type === 'input') {
+ this.handleSearch();
+ }
+ }
+
public onChange(): void {
this.valueChange.emit(this.value);
}
--
GitLab