body ScrollBar disappear on clicking Text Field or TablePagination row page

[charbel911]

hii i've an issue where i noticed in every clickable mui component so when i click for example on Text Field or Table Pagination row page the body scroll disappear any solution for it i know that in Select Component for example we use disableScrollLock but this option not working with others components

[zannager]

Please provide a minimal reproduction test case with the latest version. This would help a lot 👷. A live example would be perfect. This codesandbox.io template may be a good starting point. Thank you!

[charbel911]

https://codesandbox.io/s/modest-hooks-s0k53z?file=/src/TableData.js:55-65
please check this demo test so when you click on row per page notice that the body scroll is disappearing

[siriwatknp]

https://codesandbox.io/s/modest-hooks-s0k53z?file=/src/TableData.js:55-65 please check this demo test so when you click on row per page notice that the body scroll is disappearing

Can you post a recording? I could not reproduce from the Sandbox you provided.

[charbel911]

scroll.bug.webm

[theRedCount]

same effect with Select and Textfield

[charbel911]

@landerover yes sure but unfortunately i did not receive any fixing solution

[theRedCount]

I managed to solve this problem.
Basically I need to display it on all my application otherwise I have graphic problems with the background image.
So I just added !important to the css rule I already wrote, as follow:

html,
body {
     overflow-y: scroll !important;
}

[charbel911]

@landerover thank you it works

[sedatbasar]

Here is the workaround i had for this #17353 (comment)