bug(cdkMenu): cdkMenu is scrolled down when max-height is set

[LukasSefcik]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

When using max-height on cdkMenu with overflow-y: auto, menu is scrolled down a bit when first shown.
Bad:

Good:

Reproduction

StackBlitz link: https://stackblitz.com/edit/gbirs4?file=src/example/cdk-menu-standalone-menu-example.html,src/example/cdk-menu-standalone-menu-example.css
Steps to reproduce:

1. Add cdk menu with options with at least one cdkMenuHeaderItem.
2. Set max-height on cdkMenu.
3. Open menu.

Expected Behavior

Menu should not be scrolled at all.

Actual Behavior

Menu is scrolled a bit down.

Environment

• Angular: 18.2.2
• CDK/Material: 18.2.2
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): macOS

[mistrykaran91]

I have taken a look into this one and it seems this line is adding focus on the first menu item and which is working as expected. Two things I want to add here

1. There is no element or directive like cdkMenuHeaderItem
2. Other workaround is add cdkMenuItem on the span which will then focus on that initially.

cc : @crisbeto @mmalerba