Blaster4385/minibin
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

fix: keyboard focus after save

Browse source
This commit is contained in:
rohan09-raj 2024-06-09 13:52:26 +05:30
parent 766568f757
commit c422738dbe
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
client/src/components/Modal/Modal.jsx
View file

@ -11,18 +11,17 @@ const Modal = ({
const modalRef = useRef(null);
useEffect(() => {
if (textAreaRef.current) {
textAreaRef.current.focus();
}
const handleClickOutside = (event) => {
if (modalRef.current && !modalRef.current.contains(event.target)) {
setOpenModal(false);
textAreaRef.current.focus();
}
};
const handleKeyDown = (event) => {
const handleKeyUp = (event) => {
if (event.key === "Escape") {
setOpenModal(false);
textAreaRef.current.focus();
} else if (
(event.key.toLowerCase() === "y" ||
event.key.toLowerCase() === "enter") &&
@ -34,15 +33,17 @@ const Modal = ({
} else if (event.key.toLowerCase() === "n" && openModal) {
onCancelClick();
setOpenModal(false);
} else {
textAreaRef.current.focus();
}
};
document.addEventListener("mousedown", handleClickOutside);
document.addEventListener("keydown", handleKeyDown);
document.addEventListener("keyup", handleKeyUp);
return () => {
document.removeEventListener("mousedown", handleClickOutside);
document.removeEventListener("keydown", handleKeyDown);
document.removeEventListener("keydown", handleKeyUp);
};
}, [openModal]);