chore(isInputDOMNode): add event.target as fallback

2022-09-14 14:30:10 +02:00
parent d22bf9ef9b
commit 0891b83d7b
1 changed files with 2 additions and 1 deletions
--- a/src/hooks/useKeyPress.ts
+++ b/src/hooks/useKeyPress.ts
@@ -108,7 +108,8 @@ function useKeyOrCode(eventCode: string, keysToWatch: KeyCode): KeyOrCode {
 }

 function isInputDOMNode(event: KeyboardEvent): boolean {
-  const target = event.composedPath()[0] as HTMLElement;
+  // using composed path for handling shadow dom
+  const target = (event.composedPath?.()[0] || event.target) as HTMLElement;

  return ['INPUT', 'SELECT', 'TEXTAREA'].includes(target?.nodeName) || target?.hasAttribute('contenteditable');
 }