mirror of
https://github.com/datahub-project/datahub.git
synced 2025-12-12 18:47:45 +00:00
fix(ui) Fix cursor jumping around in search bar (#13743)
This commit is contained in:
parent
7acc41ba63
commit
3f81f90c73
@ -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}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user