This commit is contained in:
Ivana Huckova 2022-04-14 12:51:57 +02:00
parent d4b4ae0a10
commit a3b527e0c6

View File

@ -11,9 +11,9 @@ export interface Props extends InputProps {
}
export const AutoSizeInput = React.forwardRef<HTMLInputElement, Props>((props, ref) => {
const { defaultValue, minWidth = 10, maxWidth, onCommitChange, onKeyDown, onBlur, ...restProps } = props;
const [value, setValue] = React.useState('');
const [inputWidth, setInputWidth] = React.useState(0);
const { defaultValue = '', minWidth = 10, maxWidth, onCommitChange, onKeyDown, onBlur, ...restProps } = props;
const [value, setValue] = React.useState(defaultValue.toString());
const [inputWidth, setInputWidth] = React.useState(minWidth);
useEffect(() => {
setInputWidth(getWidthFor(value.toString(), minWidth, maxWidth));
@ -21,9 +21,7 @@ export const AutoSizeInput = React.forwardRef<HTMLInputElement, Props>((props, r
useEffect(() => {
setInputWidth(minWidth);
if (defaultValue) {
setValue(defaultValue.toString());
}
setValue(defaultValue.toString());
}, [minWidth, defaultValue]);
return (