fix(ui) Fix cursor jumping around in search bar (#13743)

This commit is contained in:
Chris Collins 2025-06-10 22:15:48 -04:00 committed by GitHub
parent 7acc41ba63
commit 3f81f90c73
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -23,7 +23,6 @@ export default function AutoComplete({
}: React.PropsWithChildren<AutoCompleteProps>) {
const { open } = props;
const [internalValue, setInternalValue] = useState<string>(value || '');
const [internalOpen, setInternalOpen] = useState<boolean>(!!open);
useEffect(() => {
@ -34,10 +33,6 @@ export default function AutoComplete({
if (open !== undefined) setInternalOpen(open);
}, [open]);
useEffect(() => {
if (value !== undefined) setInternalValue(value);
}, [value]);
const onChangeHandler = (newValue: string, option: OptionType | OptionType[]) => {
if (!internalOpen && newValue !== '') setInternalOpen(true);
onChange?.(newValue, option);
@ -49,12 +44,11 @@ export default function AutoComplete({
if (internalOpen) {
setInternalOpen(false);
} else {
setInternalValue('');
onClear?.();
}
}
},
[internalOpen, setInternalValue, onClear],
[internalOpen, onClear],
);
const onBlur = (event: React.FocusEvent) => {
@ -73,7 +67,7 @@ export default function AutoComplete({
>
<AntdAutoComplete
open={internalOpen}
value={internalValue}
value={value}
{...props}
listHeight={dropdownContentHeight}
data-testid={dataTestId}