starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-01-11 20:00:29 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Fix autoSelect for PlainInput.tsx

Browse Source
This commit is contained in:
Gregory Schier
2024-09-19 08:03:18 -07:00
parent 1c6c979278
commit d9fb7f1b21
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src-web/components/core/PlainInput.tsx
View File

@@ -32,6 +32,7 @@ export const PlainInput = forwardRef<HTMLInputElement, PlainInputProps>(function
size = 'md',
type = 'text',
validate,
autoSelect,
...props
}: PlainInputProps,
ref,
@@ -39,11 +40,15 @@ export const PlainInput = forwardRef<HTMLInputElement, PlainInputProps>(function
const [obscured, setObscured] = useStateWithDeps(type === 'password', [type]);
const [currentValue, setCurrentValue] = useState(defaultValue ?? '');
const [focused, setFocused] = useState(false);
const inputRef = useRef<HTMLInputElement>(null);
const handleFocus = useCallback(() => {
setFocused(true);
if (autoSelect) {
inputRef.current?.select();
}
onFocus?.();
}, [onFocus]);
}, [autoSelect, onFocus]);
const handleBlur = useCallback(() => {
setFocused(false);