fix(issue#150): add maxlength on input

mattermost-community · Oct 20, 2023 · f396584 · f396584
1 parent 3664f0f
commit f396584
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/webapp/src/components/user_selector/autocomplete_selector.tsx b/webapp/src/components/user_selector/autocomplete_selector.tsx
@@ -16,6 +16,7 @@ import {FormatOptionLabelContext} from 'react-select/src/Select';
 import {getColorStyles, getDescription, getProfilePicture} from '../../utils';
 
 import './autocomplete_selector.scss';
+import {components} from 'react-select';
 
 type Props = {
     loadOptions: (inputValue: string, callback: ((options: OptionsType<UserProfile>) => void)) => Promise<unknown> | void,
@@ -30,6 +31,7 @@ type Props = {
     theme: Theme,
 }
 
+
 const useTheme = (mattermostTheme: Theme): [StylesConfig, ThemeConfig] => {
     const mmColors = getColorStyles(mattermostTheme);
 
@@ -116,6 +118,9 @@ export default function AutocompleteSelector(props: Props) {
         );
     }
 
+    //@ts-ignore
+    const Input = (props) => <components.Input {...props} maxLength={22} />;
+
     return (
         <div
             data-testid='autoCompleteSelector'
@@ -124,6 +129,7 @@ export default function AutocompleteSelector(props: Props) {
             {labelContent}
             <div className={inputClassName}>
                 <AsyncSelect
+                    components={{Input}}
                     autoFocus={Boolean(props.autoFocus)}
                     cacheOptions={true}
                     loadOptions={loadOptions}