diff --git a/packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/MultiSelectFieldInput.tsx b/packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/MultiSelectFieldInput.tsx index f4c5745a4..e95eeb5e2 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/MultiSelectFieldInput.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/MultiSelectFieldInput.tsx @@ -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 ( { - const option = optionsInDropDown.find( + const option = filteredOptionsInDropDown.find( (option) => option.value === itemId, ); if (isDefined(option)) { @@ -112,7 +114,7 @@ export const MultiSelectFieldInput = ({ /> - {optionsInDropDown.map((option) => { + {filteredOptionsInDropDown.map((option) => { return (