Dirty fix: Do not ignore blur event when focus was initiated by the t…

…ab key

Issue #1440, Issue #1421

src/components/widget/List/RawList.js

@@ -1,6 +1,8 @@
 import React, { Component } from "react";
 import ReactCSSTransitionGroup from "react-addons-css-transition-group";
 
+let lastKeyWasTab = false;
+
 class RawList extends Component {
   isFocused = false;
   considerBlur = false;
@@ -15,6 +17,11 @@ class RawList extends Component {
     };
   }
 
+  componentWillMount() {
+    window.addEventListener("keydown", this.handleTab);
+    window.addEventListener("click", this.handleTab);
+  }
+
   componentDidMount = () => {
     const { autofocus, onRequestListData } = this.props;
     if (this.dropdown && autofocus && onRequestListData) {
@@ -167,6 +174,11 @@ class RawList extends Component {
     }
   };
 
+  componentWillUnmount() {
+    window.removeEventListener("keydown", this.handleTab);
+    window.removeEventListener("click", this.handleTab);
+  }
+
   focus = () => {
     if (this.dropdown) {
       this.dropdown.focus();
@@ -304,11 +316,12 @@ class RawList extends Component {
     });
   };
 
-  handleFocus = e => {
+  handleFocus = event => {
+    this.considerBlur = this.considerBlur || lastKeyWasTab;
     this.isFocused = true;
 
-    if (e) {
-      e.preventDefault();
+    if (event) {
+      event.preventDefault();
     }
 
     const { onFocus, doNotOpenOnFocus, autofocus } = this.props;
@@ -394,6 +407,10 @@ class RawList extends Component {
     }
   };
 
+  handleTab = event => {
+    lastKeyWasTab = event.key == "Tab";
+  };
+
   getRow = (option, index) => {
     const { defaultValue } = this.props;
     const { selected } = this.state;