From 8cfaa9c579aff7129f27eb4cfc3f7e1f56a565da Mon Sep 17 00:00:00 2001
From: Julian Waller <git@julusian.co.uk>
Date: Fri, 4 Oct 2024 20:49:50 +0100
Subject: [PATCH] fix: improve dropdown input field performance

---
 webui/src/Components/DropdownInputField.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/webui/src/Components/DropdownInputField.tsx b/webui/src/Components/DropdownInputField.tsx
index 52a717917..44d7a27b8 100644
--- a/webui/src/Components/DropdownInputField.tsx
+++ b/webui/src/Components/DropdownInputField.tsx
@@ -2,9 +2,10 @@ import { DropdownChoice, DropdownChoiceId } from '@companion-module/base'
 import { CFormLabel } from '@coreui/react'
 import classNames from 'classnames'
 import React, { createContext, useContext, useMemo, useEffect, useCallback, memo } from 'react'
-import Select from 'react-select'
+import Select, { createFilter } from 'react-select'
 import CreatableSelect, { CreatableProps } from 'react-select/creatable'
 import { InlineHelp } from './InlineHelp.js'
+import { WindowedMenuList } from 'react-windowed-select'
 
 export const MenuPortalContext = createContext<HTMLElement | null>(null)
 
@@ -181,6 +182,8 @@ export const DropdownInputField = memo(function DropdownInputField<Multi extends
 		options: options,
 		value: isMultiple ? currentValue : currentValue[0],
 		onChange: onChange,
+		filterOption: createFilter({ ignoreAccents: false }),
+		components: { MenuList: WindowedMenuList },
 	}
 
 	const isValidNewOption = useCallback(