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

… is placed in shadow dom (#221) Co-authored-by: nongzhou.yh <nongzhou.yh@alibaba-inc.com>
react-component · Feb 24, 2021 · ee9180a · ee9180a · vercel · Feb 24, 2021
1 parent c0963ac
commit ee9180a
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);