title: React/Material UI - Prevent body scrolling on popover
body: <p>New to React and MUI, and having a UX issue where when we have a popover (dropdown menu, or autoselect dropdown) we can still scroll the main body of the site. I see that its fixed in the new beta V1 for MUI, but using the current stable release, Ive been asked to see if we can hack it up to stop the  scrolling - but I cant seem to target/catch anything when we have a popover appear.</p>
  
  <p>Examples: Current MUI - <a href="http://www.material-ui.com/#/components/auto-complete" rel="nofollow noreferrer">http://www.material-ui.com/#/components/auto-complete</a>
  V1 Beta MUI - <a href="https://material-ui-next.com/demos/autocomplete/" rel="nofollow noreferrer">https://material-ui-next.com/demos/autocomplete/</a></p>
  
  <p>So, if you were to input something in those examples and trigger the downdown/popover, youll see that in the current MUI, you can still scroll the 
  
  <p>I was hoping someone may have had this issue and had a solution they'd like to share?</p>
  
  <p>Thanks guys!</p>