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

Bắt đầu với bản tái hiện StackBlitz được liên kết và so sánh hành vi hover của menu lồng nhau giữa Angular 14 và Angular 15.2.9. Theo dõi hành vi của menu Angular Material khi menu lồng nhau nằm trong một component riêng biệt. Được xem là hoàn tất khi hover vào tùy chọn cha sẽ mở menu lồng nhau, khớp với hành vi khi cả hai menu nằm trong cùng một component.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.