Skip to content

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

Open
AbdullahShafqat-OG wants to merge 2 commits into
sveltejs: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 into
sveltejs: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 May 25, 2026 7:05pm

Request Review

@teemingc
Copy link
Copy Markdown
Member

Sorry for taking a long time to look at this. I've tested on the latest iOS and this doesn't seem to be an issue anymore

@teemingc teemingc closed this May 25, 2026
@AbdullahShafqat-OG
Copy link
Copy Markdown
Contributor Author

@teemingc I just tried with iOS 26.0.1 on iPhone 15 and still flashes for me. Perhaps it does not show up in a later version of iOS. Should it still be addressed perhaps to fix in previous iOS versions as well?

@teemingc teemingc reopened this May 26, 2026
@teemingc
Copy link
Copy Markdown
Member

You’re right. I’m wondering if we can preserve the quick transition on menu close though. Is the flash caused by the 100ms transition duration?

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

2 participants