From 6b1d827f2be5b9d1764befd391e6c5b43e3d4991 Mon Sep 17 00:00:00 2001 From: Ajay Bura <32841439+ajbura@users.noreply.github.com> Date: Sat, 21 Dec 2024 18:26:57 +0530 Subject: [PATCH] do not close dialog when editable element in focus --- src/app/utils/keyboard.ts | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/app/utils/keyboard.ts b/src/app/utils/keyboard.ts index 46a951ff..ad0463dd 100644 --- a/src/app/utils/keyboard.ts +++ b/src/app/utils/keyboard.ts @@ -34,6 +34,15 @@ export const onEnterOrSpace = }; export const stopPropagation = (evt: KeyboardEvent): boolean => { + const ae = document.activeElement; + const editableActiveElement = ae + ? ae.nodeName.toLowerCase() === 'input' || + ae.nodeName.toLowerCase() === 'textarea' || + ae.getAttribute('contenteditable') === 'true' + : false; + + if (editableActiveElement) return false; + evt.stopPropagation(); return true; };