angular / angular/components

mat-menu disappears after opening on mobile Safari

Open
#13,130 19 comments 5 reactions 0 assignees View on GitHub
area: material/menu P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
Menus open and stay open until dismissed

#### What is the current behavior?
Menus open for a split second and then disappear

#### What are the steps to reproduce?
This is only on 7.0.0-beta.0, I need a starter stackblitz for that version. Any basic menu should reproduce it.

#### What is the use-case or motivation for changing an existing behavior?

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
7.0.0-beta.0

#### Is there anything else we should know?
The issue goes away if you use lazy rendering, ie. `ng-template` with `matMenuContent`.

Contributor guide

Open the contributing guide

Research direction

Create the requested starter StackBlitz using Angular Material 7.0.0-beta.0 and reproduce the issue with a basic mat-menu on mobile Safari. Compare the behavior with lazy rendering via ng-template and matMenuContent. Done means the menu opens and stays open until dismissed, with the relevant reproduction or test captured.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.