🐛 Fix select mode="multiple onFocus not triggered in IE

close ant-design/ant-design#15942

Author: afc163

src/Select.tsx

@@ -506,7 +506,19 @@ class Select extends React.Component<Partial<ISelectProps>, ISelectState> {
       return;
     }
     this.clearBlurTime();
-    if (!isMultipleOrTagsOrCombobox(this.props) && e.target === this.getInputDOMNode()) {
+
+    // In IE11, onOuterFocus will be trigger twice when focus input
+    // First one: e.target is div
+    // Second one: e.target is input
+    // other browser only trigger second one
+    // https://github.com/ant-design/ant-design/issues/15942
+    // Here we ignore the first one when e.target is div
+    const inputNode = this.getInputDOMNode();
+    if (inputNode && e.target === this.rootRef) {
+      return;
+    }
+
+    if (!isMultipleOrTagsOrCombobox(this.props) && e.target === inputNode) {
       return;
     }
     if (this._focused) {

tests/Select.multiple.spec.tsx

@@ -91,7 +91,7 @@ describe('Select.multiple', () => {
       </Select>,
     );
     jest.useFakeTimers();
-    wrapper.find('.rc-select').simulate('focus');
+    wrapper.find('input').simulate('focus');
     jest.runAllTimers();
     expect(handleFocus).toBeCalled();
   });

tests/Select.spec.tsx

@@ -435,7 +435,7 @@ describe('Select', () => {
     beforeEach(() => {
       handleFocus = jest.fn();
       wrapper = mount<Select>(
-        <Select onFocus={handleFocus}>
+        <Select onFocus={handleFocus} showSearch={false}>
           <Option value="1">1</Option>
           <Option value="2">2</Option>
         </Select>,