From 96865b0fec71d0a9f657f9b7f37d1946e83cf4fc Mon Sep 17 00:00:00 2001
From: Ayush Agrawal <54364088+AyushAgrawal-A2@users.noreply.github.com>
Date: Tue, 26 Sep 2023 18:31:50 +0530
Subject: [PATCH] Fix: When opening a filter, the focus is not put on the input
 search / filter input (#1731)

* Fixes #1718

* implemented review changes
---
 .../ui/view-bar/components/FilterDropdownEntitySearchInput.tsx   | 1 +
 .../ui/view-bar/components/FilterDropdownNumberSearchInput.tsx   | 1 +
 .../ui/view-bar/components/FilterDropdownTextSearchInput.tsx     | 1 +
 3 files changed, 3 insertions(+)

diff --git a/front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchInput.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchInput.tsx
index c54b4be4c..8a57c29c5 100644
--- a/front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchInput.tsx
+++ b/front/src/modules/ui/view-bar/components/FilterDropdownEntitySearchInput.tsx
@@ -31,6 +31,7 @@ export const FilterDropdownEntitySearchInput = () => {
     filterDefinitionUsedInDropdown &&
     selectedOperandInDropdown && (
       <DropdownMenuSearchInput
+        autoFocus
         type="text"
         value={filterDropdownSearchInput}
         placeholder={filterDefinitionUsedInDropdown.label}
diff --git a/front/src/modules/ui/view-bar/components/FilterDropdownNumberSearchInput.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownNumberSearchInput.tsx
index bdcfc60cb..986313a05 100644
--- a/front/src/modules/ui/view-bar/components/FilterDropdownNumberSearchInput.tsx
+++ b/front/src/modules/ui/view-bar/components/FilterDropdownNumberSearchInput.tsx
@@ -29,6 +29,7 @@ export const FilterDropdownNumberSearchInput = () => {
     filterDefinitionUsedInDropdown &&
     selectedOperandInDropdown && (
       <DropdownMenuSearchInput
+        autoFocus
         type="number"
         placeholder={filterDefinitionUsedInDropdown.label}
         onChange={(event: ChangeEvent<HTMLInputElement>) => {
diff --git a/front/src/modules/ui/view-bar/components/FilterDropdownTextSearchInput.tsx b/front/src/modules/ui/view-bar/components/FilterDropdownTextSearchInput.tsx
index d9ce41ffb..27eba9ba5 100644
--- a/front/src/modules/ui/view-bar/components/FilterDropdownTextSearchInput.tsx
+++ b/front/src/modules/ui/view-bar/components/FilterDropdownTextSearchInput.tsx
@@ -39,6 +39,7 @@ export const FilterDropdownTextSearchInput = () => {
     filterDefinitionUsedInDropdown &&
     selectedOperandInDropdown && (
       <DropdownMenuSearchInput
+        autoFocus
         type="text"
         placeholder={filterDefinitionUsedInDropdown.label}
         value={filterCurrentlyEdited?.value ?? filterDropdownSearchInput}