Skip to content

Fix navigation menu showing up empty in Safari - #72

Merged
WyriHaximus merged 1 commit into
reactphp:mainfrom
clue-labs:safari-menu
Oct 6, 2026
Merged

WyriHaximus merged 1 commit into
reactphp:mainfrom
clue-labs:safari-menu

Conversation

@clue

@clue clue commented Oct 1, 2026

Copy link
Copy Markdown
Member

This changeset updates the menu styles to fix the navigation menu showing up empty in Safari, as reported in #49 back in 2019.

When opening the menu, ctrly (#42) moves the focus to the close button while the menu is still offscreen, so Safari scrolls the outer menu container sideways and the menu ends up outside of the visible area. Removing the overflow from the outer container fixes this, the inner menu still scrolls just like before. This likely dates back to 2381cc8, which moved the slide-in animation to the inner menu.

Confirmed fixed on a real Safari, and I've verified this shows no visible difference anywhere else. The compiled assets have been rebuilt accordingly.

Builds on top of #59 and #42
Resolves #49

@clue clue added the bug label Oct 1, 2026
@clue
clue requested a review from WyriHaximus October 1, 2026 13:20
@WyriHaximus
WyriHaximus merged commit e099105 into reactphp:main Oct 6, 2026
1 check passed
@clue
clue deleted the safari-menu branch October 6, 2026 10:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Menu behaviour on Safari

2 participants