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

Comienza con la reproducción vinculada de StackBlitz y compara el comportamiento al pasar el cursor sobre el menú anidado entre Angular 14 y Angular 15.2.9. Rastrea el comportamiento del menú de Angular Material cuando el menú anidado está en un componente separado. Se considera terminado cuando al pasar el cursor sobre la opción principal se abre el menú anidado, igualando el comportamiento cuando ambos menús están en un solo componente.

Escrito por el modelo de indexación a partir del texto del issue.