Add comma sepator

PostHog · Mar 20, 2024 · a241764 · a241764
1 parent 1a6948e
commit a241764
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/frontend/src/lib/lemon-ui/LemonInputSelect/LemonInputSelect.tsx b/frontend/src/lib/lemon-ui/LemonInputSelect/LemonInputSelect.tsx
@@ -50,6 +50,8 @@ export function LemonInputSelect({
     const [selectedIndex, setSelectedIndex] = useState(0)
     const values = value ?? []
 
+    const separateOnComma = allowCustomValues && mode === 'multiple'
+
     const visibleOptions = useMemo(() => {
         const res: LemonInputSelectOption[] = []
         const customValues = [...values]
@@ -90,6 +92,21 @@ export function LemonInputSelect({
     }, [visibleOptions.length])
 
     const setInputValue = (newValue: string): void => {
+        // Special case for multiple mode with custom values
+        if (separateOnComma && newValue.includes(',')) {
+            const newValues = [...values]
+
+            newValue.split(',').forEach((value) => {
+                const trimmedValue = value.trim()
+                if (trimmedValue && !values.includes(trimmedValue)) {
+                    newValues.push(trimmedValue)
+                }
+            })
+
+            onChange?.(newValues)
+            newValue = ''
+        }
+
         _setInputValue(newValue)
         onInputChange?.(inputValue)
     }