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

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}>