title: In material-ui using react select how to move focus to next control by pressing tab only once?
body: <p>By default in material-ui react-select after selecting option by tab or enter user need press tab twice to move focus to next element.</p>
  
  <p>Below is the link for the demo</p>
  
  <p><a href="https://codesandbox.io/s/8xy53m60m2" rel="nofollow noreferrer">https://codesandbox.io/s/8xy53m60m2</a></p>
  
  <p>Steps to repro:
  <br/>
  1. Press tab to select option by highlighting option using arrow keys (focus is not moved to next component, Focus should move to next component)
  <br/>
  2. When option is selected, user needs to press tab twice to focus next component.</p>
  
  <p>Expected:
  <br/>
  1.After selecting option from tab focus move to next component
  <br/>
  2.After selecting option from mouse, focus should move to next component after pressing tab button once.</p>