title: back drop filter is not working when styling autocomplete MUI's paper component using?
body: <p>I want to be able to style the the drop down background so when it opens the items behind it will become blurred any idea what class should it target ?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  paper: {
      backdropFilter: 'blur(14px)',
      backgroundColor: 'rgba(104, 99, 99, 0.5)',
      '&amp; .MuiAutocomplete-listbox': {
        '&amp; li': { padding: 2 },
      },
    },
   
     &lt;Autocomplete
            disabled={/*check?.length === 0*/ selected.group ? false : true}
            id='country-select-demo'
            PaperComponent={({ children }) =&gt; &lt;Paper className={classes.paper}&gt;{children}&lt;/Paper&gt;}
            renderInput={(params) =&gt; (
              &lt;TextField
                {...params}
               
              /&gt;
            )}
          /&gt;</code></pre>
  </div>
  </div>
  </p>