Skip to content

fix: prevent overlay flash when closing iOS mobile nav menu (#1548)#1894

Open
AbdullahShafqat-OG wants to merge 2 commits intosveltejs:mainfrom
AbdullahShafqat-OG:ios-nav-overlay-flash
Open

fix: prevent overlay flash when closing iOS mobile nav menu (#1548)#1894
AbdullahShafqat-OG wants to merge 2 commits intosveltejs:mainfrom
AbdullahShafqat-OG:ios-nav-overlay-flash

Conversation

@AbdullahShafqat-OG
Copy link
Copy Markdown
Contributor

Fixes a visual glitch where the overlay briefly flashes when closing the mobile navigation menu.

The issue was caused by a discrepancy in transition durations between MobileMenu and ModalOverlay.

The transition timing has been streamlined by defining it in MobileMenu and passing it down as a prop to ModalOverlay. This ensures both components stay in sync and eliminates the visual inconsistency.

Fixes #1548

Before

before.mp4

After

after.mp4

@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 25, 2026

@AbdullahShafqat-OG is attempting to deploy a commit to the Svelte Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 26, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
svelte-dev Ready Ready Preview Mar 26, 2026 5:33pm

Request Review

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.

Flicker when closing the mobile nav menu

1 participant