angular / angular/components

mat-menu disappears after opening on mobile Safari

Open
#13,130 19 comments 5 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

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.