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

Inizia con la riproduzione StackBlitz collegata e confronta il comportamento al passaggio del mouse sul menu nidificato tra Angular 14 e Angular 15.2.9. Traccia il comportamento del menu Angular Material quando il menu nidificato si trova in un componente separato. Il lavoro è completo quando il passaggio del mouse sull'opzione padre apre il menu nidificato, come avviene quando entrambi i menu si trovano in un unico componente.

Scritto dal modello di indicizzazione a partire dal testo della issue.