title: Material-UI Select, how to apply :focus-within styling on the select when the input is clicked?
body: <p>I'm using the Select inside a div component:</p>
  <pre><code>&lt;div className=&quot;custom-filter custom-filter-data&quot;&gt;
              &lt;DateRangeIcon className=&quot;search-icon&quot;/&gt;
              &lt;FormControl variant='standard' ref={addrRef} className= 
                  {classes.formControl}&gt;                
                &lt;Select
                  labelId=&quot;demo-simple-select-label&quot;
                  id=&quot;demo-simple-select&quot;
                  defaultValue=&quot;&quot;
                  onFocus={(e) =&gt; {addrRef.current.focus()}}
                  displayEmpty
                &gt;
                  &lt;MenuItem value=&quot;&quot; disabled&gt;
                    Seleziona data
                  &lt;/MenuItem&gt;
                  &lt;MenuItem value={10}&gt;Ten&lt;/MenuItem&gt;
                  &lt;MenuItem value={20}&gt;Twenty&lt;/MenuItem&gt;
                  &lt;MenuItem value={30}&gt;Thirty&lt;/MenuItem&gt;
                &lt;/Select&gt;
              &lt;/FormControl&gt;
                //other components
           &lt;/div&gt;
  </code></pre>
  <p>css container</p>
  <pre><code>.custom-filter:focus-within{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
  }
  </code></pre>
  <p>I need to trigger the focus on the select when the select input is clicked in order to leverage :focus-within styling of the parent container. Now the parent :focus-within is working just onChange event (when I select the MenuItem). as you can see, I've tried with useRef() but is not working... It seems that when a user clicks on the input of the select, it blocks all the other focus...</p>
  <p><a href="https://codesandbox.io/s/react-material-ui-select-forked-8msbu?file=/src/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/react-material-ui-select-forked-8msbu?file=/src/index.js</a></p>