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.

Sign up for GitHub

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

Jump to bottom

[material-ui][Menu] Body is scrollable when menu is opened and browser address bar is hidden on iOS Safari #41538

Closed
mwskwong opened this issue Mar 18, 2024 · 1 comment
Closed

[material-ui][Menu] Body is scrollable when menu is opened and browser address bar is hidden on iOS Safari #41538

mwskwong opened this issue Mar 18, 2024 · 1 comment
Labels
browser: Safari bug 🐛 Something doesn't work 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

@mwskwong
Copy link
Contributor

mwskwong commented Mar 18, 2024 •
edited
Loading

Steps to reproduce

Link to live example: https://mui.com/material-ui/react-menu/#basic-menu

Steps:

  1. Open the MUI menu doc in iOS Safari
  2. Scroll up, such that the browser address bar is hidden
  3. Open the menu
  4. Attempt to scroll the page body and observe that the page is scrollable

Current behavior

The page body is scrollable under certain conditions when the menu is opened.

image

Expected behavior

The page shouldn't be scrollable in any cases when the menu is opened.

Context

Might related to https://bugs.webkit.org/show_bug.cgi?id=153852

Your environment

No response

Search keywords: safari menu scroll
@mwskwong mwskwong added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Mar 18, 2024
@danilo-leal danilo-leal changed the title [Menu] [Material UI] [iOS Safari] Body is scrollable when menu is opened and browser address bar is hidden [material-ui][Menu] Body is scrollable when menu is opened and browser address bar is hidden on iOS Safari Mar 18, 2024
@danilo-leal danilo-leal added bug 🐛 Something doesn't work component: menu This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material labels Mar 18, 2024
@ZeeshanTamboli
Copy link
Member

Duplicate of #5750. Also related to #29020.

@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 Mar 18, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Mar 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
browser: Safari bug 🐛 Something doesn't work 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
Milestone
No milestone
Development

No branches or pull requests
4 participants
@DiegoAndai @ZeeshanTamboli @mwskwong @danilo-leal