From 562debc13b548e1aa7383c2a8854b58923eef7fe Mon Sep 17 00:00:00 2001
From: kpunwatk <kpunwatk@redhat.com>
Date: Tue, 28 May 2024 20:36:49 +0530
Subject: [PATCH] :bug: Add input text box filtering in new tag's  select a tag
 category field (#1919)

Resolves RFE https://issues.redhat.com/browse/MTA-1248

User selecting a tag category from the drop-down should also be able to
insert the input text. Instead of scrolling down and selecting from the
long list would be very much convenient for user to enter the text and
matching string gets filtered.

Signed-off-by: Karishma Punwatkar <kpunwatk@redhat.com>
Co-authored-by: Scott Dickerson <sdickers@redhat.com>
---
 client/src/app/pages/controls/tags/components/tag-form.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/app/pages/controls/tags/components/tag-form.tsx b/client/src/app/pages/controls/tags/components/tag-form.tsx
index 3ae951235..2dc8bd91c 100644
--- a/client/src/app/pages/controls/tags/components/tag-form.tsx
+++ b/client/src/app/pages/controls/tags/components/tag-form.tsx
@@ -178,7 +178,7 @@ export const TagForm: React.FC<TagFormProps> = ({ tag, onClose }) => {
         isRequired
         renderInput={({ field: { value, name, onChange } }) => (
           <SimpleSelect
-            variant="single"
+            variant="typeahead"
             maxHeight={DEFAULT_SELECT_MAX_HEIGHT}
             placeholderText={t("composed.selectOne", {
               what: t("terms.tagCategory").toLowerCase(),