Skip to content

fix: Scrolling App Bar issue on iOS / iPhone - #5136

Open
Roshan931 wants to merge 1 commit into
mui:masterfrom
Roshan931:prilog/fix-error-dashboardlayout-root-uses-100vh-which-08-21-2026-d6c301
Open

fix: Scrolling App Bar issue on iOS / iPhone#5136
Roshan931 wants to merge 1 commit into
mui:masterfrom
Roshan931:prilog/fix-error-dashboardlayout-root-uses-100vh-which-08-21-2026-d6c301

Conversation

@Roshan931

Copy link
Copy Markdown

Fixes #4880

Root cause

DashboardLayout root uses 100vh, which exceeds the visible viewport on iOS Safari

Changes

  • Size the DashboardLayout root container with the dynamic viewport height (100dvh) instead of 100vh so it never overflows the visible viewport on mobile browsers with retractable chrome, keeping the absolutely positioned App Bar in place.

@mui-bot

mui-bot commented Aug 21, 2026

Copy link
Copy Markdown

Netlify deploy preview

https://deploy-preview-5136--mui-toolpad-docs.netlify.app/

Generated by 🚫 dangerJS against 8d4058d

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Scrolling App Bar issue on iOS / iPhone

2 participants