CODEWITHSUNDEEP
reactjsiframematerial-ui
Zlatan Sadibasic
Zlatan Sadibasic

Reputation: 111

Material UI select jumps to the top of the page

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

Upvotes: 3

Views: 1543

Answers (2)

Rafa
Rafa

Reputation: 1

after a few days of trying to fix it, and trying everything here and on stack Overflow , i found a way to fix the jumping-up issue :

MenuProps={{disableScrollLock: true,}}

hope it gonna help someone

Upvotes: 0

Jheysson Urbano
Jheysson Urbano

Reputation: 107

Try this:

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

Upvotes: 6

Related Questions