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

fix bug with focusing textarea

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

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

@ -98,10 +98,14 @@ 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 // Focus the textarea when the popup is visible (we can't do this only when handling the click event
// because the textarea is not rendered yet) // because the textarea is not rendered yet)
// We need to also do it in the click event because popupVisible doesn't change values in that event
useEffect(() => { useEffect(() => {
if (popupVisible) { if (popupVisible) {
textareaRef.current?.focus(); textareaRef.current?.focus();