Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

feat(MatMenu): option to open menu instantly

See original GitHub issue

Feature request

The menu should (optionally) open without the animation (like stated in the Material Design Spec: https://material.io/design/components/menus.html#behavior -> Motion Section)

What is the expected behavior?

Desktop menus have the option to open instantly

What is the current behavior?

Menu opens with (kinda slow) animation.

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

Alignment with the Material Design Spec and faster user interaction on Desktop Browsers

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

6.4.7

Is there anything else we should know?

Issue Analytics

State:
Created 5 years ago
Comments:12 (5 by maintainers)

Top GitHub Comments

9reactions

LukeBollycommented, Aug 20, 2020

We would also appreciate this option. Users are spending more time waiting for the menu to appear than making a selection.

4reactions

haovanvocommented, Jul 29, 2019

I’m also looking for an option to disable animation for MatMenu only. It had terrible performance issue on MS Edge.

Top Results From Across the Web

How to open mat-menu programmatically? - Stack Overflow

You need to get hold of MatMenuTrigger instance from [matMenuTriggerFor] element #menuTrigger="matMenuTrigger" [matMenuTriggerFor]="menu".

Menu - Angular Material

<mat-menu> is a floating panel containing list of options. Basic menu ... Material supports the ability for an mat-menu-item to open a sub-menu....

Angular Material Menu: mat Menu example

How to open mat menu programmatically? Creating dynamic menu list items; mat-menu-item click event. Navigate to an angular route on menu click event....

Angular Material 2 Responsive Sidebar Menu Navigation

Angular Material 2 is finally something I wanna get my head into. ... mat-menu-item> <mat-icon>dialpad</mat-icon> <span>Dropdown Link ...

Spaghetti Whiplash: On the Menu · LRB 17 November 2022

Menu Design in Europe: A Visual and Culinary History of Graphic ... Pubs and restaurants struggling to get waiting staff have found it ......