From 8d2f07400a83af201e414745de6be64e6260d609 Mon Sep 17 00:00:00 2001
From: Dalton <daltojohnso@users.noreply.github.com>
Date: Thu, 17 Feb 2022 04:54:59 -0700
Subject: [PATCH] Use includes instead of startsWith to filter options in
ListField (#20561)
* use includes instead of startsWith to filter in ListField
* add autoFocus to ListField input
---
frontend/src/metabase/components/ListField/ListField.tsx | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/frontend/src/metabase/components/ListField/ListField.tsx b/frontend/src/metabase/components/ListField/ListField.tsx
index 36789b077c8..bb91e9679b9 100644
--- a/frontend/src/metabase/components/ListField/ListField.tsx
+++ b/frontend/src/metabase/components/ListField/ListField.tsx
@@ -80,7 +80,7 @@ export const ListField = ({
option[0]
.toString()
.toLowerCase()
- .startsWith(trimmedFilter),
+ .includes(trimmedFilter),
);
}, [augmentedOptions, debouncedFilter, sortedOptions]);
@@ -117,6 +117,7 @@ export const ListField = ({
onChange={setFilter}
onKeyDown={handleKeyDown}
hasClearButton
+ autoFocus
/>
{shouldShowEmptyState && (
--
GitLab