Material UI select jumps to the top of the page

Question

I am using material ui select component. When the page is embedded as part of the iframe, I am seeing a jump to the top of the page whenever I interact with the select component. I've tried adding getContentAnchorEl: null, as part of the MenuProps but it does not work

Answer 1

Try this:

<Select 
MenuProps={{ autoFocus: false,
             disableAutoFocusItem: true,
             disableEnforceFocus: true,
             disableAutoFocus: true
           }} ...