Fix DateInput under Internet Explorer 11

Fixes palantir#2924
gjvoosten · Apr 9, 2019 · c6bf8d7 · c6bf8d7
1 parent 44043fd
commit c6bf8d7
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/datetime/src/dateInput.tsx b/packages/datetime/src/dateInput.tsx
@@ -379,8 +379,13 @@ 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();