Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[material-ui][Menu] Scroll disappear when Menu component is opened #39200

Closed
2 tasks done
Plumbiu opened this issue Sep 28, 2023 · 4 comments
Closed
2 tasks done

[material-ui][Menu] Scroll disappear when Menu component is opened #39200

Plumbiu opened this issue Sep 28, 2023 · 4 comments
Labels
component: menu This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists package: material-ui Specific to @mui/material

Comments

@Plumbiu
Copy link

Plumbiu commented Sep 28, 2023

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Steps to reproduce 🕹

Link to live example:

Steps:

  1. visit Material-UI Menu demo page: https://mui.com/material-ui/react-menu/
  2. click any button
  3. when the menu is open, the scroll in the right will disappear

Current behavior 😯

the scroll in the right will disappear when Menu is open

Expected behavior 🤔

scroll will not disappear when the Menu is open

Context 🔦

Recently, I use Material-UI to build my own blog, when I click the left top Icon Button, the page will occurs some offset.

Your environment 🌎

npx @mui/envinfo
System:
    OS: Windows 10 10.0.22621
  Binaries:
    Node: 18.17.1 - D:\env\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 10.1.0 - D:\env\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.22621.2283.0), Chromium (117.0.2045.43)
  npmPackages:
    @emotion/react: ^11.11.1 => 11.11.1 
    @emotion/styled: ^11.11.0 => 11.11.0 
    @mui/icons-material: ^5.14.9 => 5.14.11 
    @mui/lab: 5.0.0-alpha.145 => 5.0.0-alpha.145 
    @mui/material: ^5.10.10 => 5.14.11 
    @types/react: 18.2.22 => 18.2.22 
    react: 18.2.0 => 18.2.0 
    react-dom: 18.2.0 => 18.2.0 
    typescript: 5.2.2 => 5.2.2
@Plumbiu Plumbiu added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Sep 28, 2023
@zannager zannager added the component: menu This is the name of the generic UI component, not the React module! label Sep 28, 2023
@danilo-leal danilo-leal changed the title [Material-UI] Scroll disappear when Menu component is opened [material-ui][Menu] Scroll disappear when Menu component is opened Oct 1, 2023
@danilo-leal danilo-leal added the package: material-ui Specific to @mui/material label Oct 1, 2023
@Lensco825
Copy link

Are you talking about the content's scroll bar? If so, then that disappears because the content section disappears. Other than that I don't see the disappearing scroll bar you're talking about.

@Plumbiu
Copy link
Author

Plumbiu commented Oct 2, 2023

Are you talking about the content's scroll bar? If so, then that disappears because the content section disappears. Other than that I don't see the disappearing scroll bar you're talking about.

Sorry for my inaccurate expression, It would be better to show this effect with pictures(I can't upload the video due to network issues):

Before Menu component is opened:

before

When the Menu component is opened:

after

You can see the scroll is disappeared, and the search component in the upper right corner is offset.

@Lensco825
Copy link

Thank you for clarifying, so clicking the menu takes off the scrollbar stopping the user from scrolling while on the menu.

Unless this is supposed to happen I'll work on this issue in the afternoon.

@ZeeshanTamboli
Copy link
Member

Duplicate of #17353

@ZeeshanTamboli ZeeshanTamboli marked this as a duplicate of #17353 Oct 14, 2023
@github-actions github-actions bot added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Oct 14, 2023
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Oct 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: menu This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists package: material-ui Specific to @mui/material
Projects
None yet
Development

No branches or pull requests

6 participants