admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fixes multi-select search not working ( #6800 ) (#6964)

Browse Source 
fixes #6800
This commit is contained in:
Faisal-imtiyaz123
2024-09-10 12:54:48 +05:30
committed by GitHub
parent 93991680a7
commit b3b594efcd
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/MultiSelectFieldInput.tsx
View File

@ -46,7 +46,9 @@ export const MultiSelectFieldInput = ({
fieldValues?.includes(option.value),
);
const optionsInDropDown = fieldDefinition.metadata.options;
const filteredOptionsInDropDown = fieldDefinition.metadata.options.filter(
(option) => option.label.toLowerCase().includes(searchFilter.toLowerCase()),
);
const formatNewSelectedOptions = (value: string) => {
const selectedOptionsValues = selectedOptions.map(
@ -87,7 +89,7 @@ export const MultiSelectFieldInput = ({
},
});
const optionIds = optionsInDropDown.map((option) => option.value);
const optionIds = filteredOptionsInDropDown.map((option) => option.value);
return (
<SelectableList
@ -95,7 +97,7 @@ export const MultiSelectFieldInput = ({
selectableItemIdArray={optionIds}
hotkeyScope={hotkeyScope}
onEnter={(itemId) => {
const option = optionsInDropDown.find(
const option = filteredOptionsInDropDown.find(
(option) => option.value === itemId,
);
if (isDefined(option)) {
@ -112,7 +114,7 @@ export const MultiSelectFieldInput = ({
/>
<DropdownMenuSeparator />
<DropdownMenuItemsContainer hasMaxHeight>
{optionsInDropDown.map((option) => {
{filteredOptionsInDropDown.map((option) => {
return (
<MenuItemMultiSelectTag
key={option.value}