Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

focus the textarea when the popup is visible

Browse Source
This commit is contained in:
Abi Raja 2024-05-31 18:33:42 -04:00
parent 3fbb8f074a
commit 423c74bdc9
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/select-and-edit/EditPopup.tsx
View File

@ -98,11 +98,16 @@ const EditPopup: React.FC<EditPopupProps> = ({
// Reset the update text // Reset the update text
setUpdateText(""); setUpdateText("");
// Focus the textarea
textareaRef.current?.focus();
}, [event, iframeRef]); }, [event, iframeRef]);
// Focus the textarea when the popup is visible (we can't do this when handling the click event
// because the textarea is not rendered yet)
useEffect(() => {
if (popupVisible) {
textareaRef.current?.focus();
}
}, [popupVisible]);
if (!popupVisible) return; if (!popupVisible) return;
return ( return (