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",

Beginne mit der verknüpften StackBlitz-Reproduktion und vergleiche das Hover-Verhalten des verschachtelten Menüs zwischen Angular 14 und Angular 15.2.9. Verfolge das Verhalten des Angular Material-Menüs, wenn sich das verschachtelte Menü in einer separaten Komponente befindet. Als abgeschlossen gilt die Aufgabe, wenn das Hoveren über die übergeordnete Option das verschachtelte Menü öffnet und damit dem Verhalten entspricht, wenn sich beide Menüs in einer Komponente befinden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.