fix: document.activeElement cannot get correct dom when the component…

… is placed in shadow dom
react-component · Feb 24, 2021 · afa37bc · afa37bc
1 parent c0963ac
commit afa37bc
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/hooks/usePickerInput.ts b/src/hooks/usePickerInput.ts
@@ -112,7 +112,12 @@ export default function usePickerInput({
 
       if (blurToCancel) {
         setTimeout(() => {
-          if (isClickOutside(document.activeElement)) {
+          let { activeElement } = document;
+          while (activeElement && activeElement.shadowRoot) {
+            activeElement = activeElement.shadowRoot.activeElement;
+          }
+
+          if (isClickOutside(activeElement)) {
             onCancel();
           }
         }, 0);