[datetime] Fix DateInput IE11 bug when changing month/day (#3471)

palantir · Apr 9, 2019 · 5a6ccb2 · 5a6ccb2 · blueprint-bot · Apr 9, 2019
1 parent 44043fd
commit 5a6ccb2
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/datetime/src/dateInput.tsx b/packages/datetime/src/dateInput.tsx
@@ -379,8 +379,16 @@ export class DateInput extends AbstractPureComponent<IDateInputProps, IDateInput
 
     // focus DOM event listener (not React event)
     private handlePopoverBlur = (e: FocusEvent) => {
-        const relatedTarget = e.relatedTarget as HTMLElement;
-        if (relatedTarget == null || !this.popoverContentEl.contains(relatedTarget)) {
+        let relatedTarget = e.relatedTarget as HTMLElement;
+        if (relatedTarget == null) {
+            // Support IE11 (#2924)
+            relatedTarget = document.activeElement as HTMLElement;
+        }
+        // Beware: this.popoverContentEl is sometimes null under Chrome
+        if (
+            relatedTarget == null ||
+            (this.popoverContentEl != null && !this.popoverContentEl.contains(relatedTarget))
+        ) {
             this.handleClosePopover();
         } else if (relatedTarget != null) {
             this.unregisterPopoverBlurHandler();