Material submenu in separate component doesn't open on mouseover

### Is this a regression?

- [x] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

14

### Description

Creating a menu component as a library when the nested menu is in a separate component. The basic functionality of the menu is to hover over it, a nested menu should be opened. However, when the nested menu is in a separate component, on hover of the parent options, the nested menu is not opening.

This functionality was working fine in angular v14, after upgrading to 15.2.9 we are facing this issue

NOTE: The same functionality will work if the nested menu is in the same component.

### Reproduction

StackBlitz link: https://stackblitz.com/edit/angular-bifan2?file=src%2Findex.html

### Expected Behavior

To open the menu on hover when the nested menu is in a separate component

### Actual Behavior

The menu on hover is not working when the nested menu is in a separate component

### Environment

package.json versions

"@angular/animations": "15.2.9",
"@angular/cdk": "15.2.9",
"@angular/common": "15.2.9",
"@angular/compiler": "15.2.9",
"@angular/core": "15.2.9",
"@angular/forms": "15.2.9",
"@angular/material": "15.2.9",

リンクされた StackBlitz の再現環境から始め、Angular 14 と Angular 15.2.9 の間でネストされたメニューのホバー動作を比較します。ネストされたメニューが別のコンポーネントにある場合の Angular Material メニューの動作を追跡します。親オプションにホバーするとネストされたメニューが開き、両方のメニューが 1 つのコンポーネントにある場合の動作と一致すれば完了です。

索引モデルが issue の本文から書いたものです。