starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-21 00:01:22 +02: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', size = 'md',
type = 'text', type = 'text',
validate, validate,
autoSelect,
...props ...props
}: PlainInputProps, }: PlainInputProps,
ref, ref,
@@ -39,11 +40,15 @@ export const PlainInput = forwardRef<HTMLInputElement, PlainInputProps>(function
const [obscured, setObscured] = useStateWithDeps(type === 'password', [type]); const [obscured, setObscured] = useStateWithDeps(type === 'password', [type]);
const [currentValue, setCurrentValue] = useState(defaultValue ?? ''); const [currentValue, setCurrentValue] = useState(defaultValue ?? '');
const [focused, setFocused] = useState(false); const [focused, setFocused] = useState(false);
const inputRef = useRef<HTMLInputElement>(null);
const handleFocus = useCallback(() => { const handleFocus = useCallback(() => {
setFocused(true); setFocused(true);
if (autoSelect) {
inputRef.current?.select();
}
onFocus?.(); onFocus?.();
}, [onFocus]); }, [autoSelect, onFocus]);
const handleBlur = useCallback(() => { const handleBlur = useCallback(() => {
setFocused(false); setFocused(false);