title: Ant Select closes dropdown
body: <p>I am using Ant Select component inside Dropdown component. Here is my index file which renders Dropdown</p>
  
  <pre><code>const getMenu = filter =&gt; (
    &lt;MenuContainer
      ...
    /&gt;
  );
  
  &lt;Dropdown
    overlay={getMenu(searchFilter)}
    trigger={['click']}
    visible={this.state.search}
    onVisibleChange={val =&gt;
      this.handleDropdownVisibility(val, searchFilter)
    }
  &gt;
    ...
  &lt;/Dropdown&gt;
  </code></pre>
  
  <p>Here is my MenuContainer which return Select Component inside it</p>
  
  <pre><code>handleSelectChange = val =&gt; {
    this.setState({
      selectedValue: val,
    });
  };
  
  &lt;Select
     ref="selectBox"
     onChange={this.handleSelectChange}
     style={{ width: '100%' }}
  &gt;
    {numberComparision.map((item, i) =&gt; {
      return (
       &lt;Option key={i} value={item.id}&gt;
        {item.name}
       &lt;/Option&gt;
      );
    })}
  &lt;/select&gt;
  </code></pre>
  
  <p>so on clicking select value onVisibleChange fires and closes dropdown
  <a href="https://i.stack.imgur.com/9mC9n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9mC9n.png" alt="Select box inside dropdown"></a></p>