Fixed an issue where rename panel was losing focus when trying to add name if input box is empty. #5675

This commit is contained in:
Pravesh Sharma 2023-01-05 17:37:09 +05:30 committed by GitHub
parent 0a7d9a69f7
commit af2fc30b95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -57,7 +57,12 @@ export default function RenamePanelContent({ closeModal, panel, title, preferenc
useEffect(() => { useEffect(() => {
setHeight?.(containerRef.current?.offsetHeight); setHeight?.(containerRef.current?.offsetHeight);
}, [containerRef.current, formData]); let focusTimeout = setTimeout(() => {
firstEleRef.current && firstEleRef.current.focus();
}, 150);
return () => clearTimeout(focusTimeout);
}, [containerRef.current, firstEleRef.current, formData]);
return ( return (
<Box display="flex" flexDirection="column" className={classes.container} ref={containerRef}> <Box display="flex" flexDirection="column" className={classes.container} ref={containerRef}>