*ngIf affects button focus order

[jasonpell]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

I would expect focus to go to the first button in the overlay menu.

What is the current behavior?

If I navigate to a simple overlay menu via keyboard and enter it, focus goes to the first button that doesn't contain an ngIf attribute, regardless of if the ngIf conditional is true.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-zf82u8

1. Go to https://angular-zf82u8.stackblitz.io/
2. Tab to the button, then hit the space bar.
   Note that focus goes to the second button instead of the first.

[josephperrott]

Upon initial investigation this is occuring because MatMenuItems add themselves to their menu via the addItem method during initialization. Since it is in initialization order, items which are being stamped out by structural directives will be placed in the KeyListManager order after all of the non-structural directives.

[crisbeto]

#11720 sorts this out.

[crisbeto]

Closing as a duplicate of #11652.

[angular-automatic-lock-bot]

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.}