Skip to content
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

Menu sub-options do not show up when used on a table #11645

Closed
ghost opened this issue Jun 4, 2018 · 4 comments
Closed

Menu sub-options do not show up when used on a table #11645

ghost opened this issue Jun 4, 2018 · 4 comments
Assignees

Comments

@ghost
Copy link

ghost commented Jun 4, 2018

Bug, feature request, or proposal:

Sub-menu options (inside a table row) are not displayed on some scenarios.
For more specific details, please check the referred StackBlitz below: if the <br> are commented, the sub-menu options of any random row are displayed as intended, but when the <br> are uncommented, only the last row of the table displays them. For any other row, they are not displayed (as a matter of fact, I don't think they are even generated on the cdk-overlay-container element).

What is the expected behavior?

Menu sub-options should be displayed in any scenario.

What is the current behavior?

On some scenarios, the mat-menu submenu would not trigger, as intended.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-vqiopr-u9zdyk
(Comment and uncomment the <br> at the beginning of table-basic-template.html to test both scenarios)

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

--

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

6.1.0 (both Angular and Angular-Material)

Is there anything else we should know?

I made this StackBlitz in order to figure out why my mat-menu options (when used on table rows) would grow out of the browsers window height (for some reasone, it's still happening to me on version 6.1.0 of Angular Material), and ended up finding this other scenario.

@andrewseguin
Copy link
Contributor

Um, yup - that's weird. Good catch on finding this issue. Will need some investigation to see what is going on.

@crisbeto
Copy link
Member

crisbeto commented Jun 8, 2018

Just gave it a quick try. It looks like #11628 will go a ways towards fixing it, but it won't sort it out completely. Once it gets in, the menu position will work correctly, but some of the bottom menu items won't be visible.

@mmalerba mmalerba added the needs triage This issue needs to be triaged by the team label May 20, 2020
@andrewseguin
Copy link
Contributor

This seems to have been fixed by #11628

@mmalerba mmalerba removed the needs triage This issue needs to be triaged by the team label Jun 5, 2020
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Jul 7, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants