Skip to content

feat(Menu): Option to have it the same width as the trigger #30862

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
RVledder opened this issue Apr 14, 2025 · 0 comments
Open

feat(Menu): Option to have it the same width as the trigger #30862

RVledder opened this issue Apr 14, 2025 · 0 comments
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix needs triage This issue needs to be triaged by the team

Comments

@RVledder
Copy link

RVledder commented Apr 14, 2025

Feature Description

A possibility to have the https://material.angular.io/cdk/menu/overview take over the width of the container that triggers it.
As an example the grey area should span the full width of the red in the following example:

Image

Currently it seems that you have to provide a fixed width in px. Otherwise it does not work. But you don't always know the exact with of the 'trigger'.

There's an example here: https://vbqdncww.stackblitz.io

In issue 26336 it seems that they are overriding MAT_SELECT_CONFIG to set a min-width: min-content;, but have not gotten that to work yet.

Use Case

It would enable a more consistent styling.

@RVledder RVledder added feature This issue represents a new feature or feature request rather than a bug or bug fix needs triage This issue needs to be triaged by the team labels Apr 14, 2025
@RVledder RVledder changed the title feat(Menu): Option to have it full width feat(Menu): Option to have it the same width as the trigger Apr 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix needs triage This issue needs to be triaged by the team
Projects
None yet
Development

No branches or pull requests

1 participant