bug([CdkPopoverEdit]): [cdkRowHoverContent not displayed when table dataSource changes]

[UnlikeMars]

Reproduction

StackBlitz to reproduce my issue: https://stackblitz.com/edit/components-issue-eo9e4r

Steps to reproduce:

1. Open the StackBlitz link
2. Hover over the "State" column
3. The cdkRowHoverContent will not be displayed on hover
4. Click on any cell of the state column
5. Cell gains focus and cdkRowHoverContent will be displayed for all cells (as expected)
6. Move to the next side with the paginator (dataSource updates)
7. The cdkRowHoverContent will not be displayed (has to gain focus by click again)

Expected Behavior

I am expecting that a change of the dataSource via the paginator or by initial loading of the data, will not require a focus of individual cells in order to display the cdkRowHoverContent.

This StackBlitz shows the expected behavior, where hovering over any cell triggers the display of the cdkRowHoverContent without selecting any cell. In this example the dataSource does not change.

• https://stackblitz.com/edit/components-issue-4xehdn

Actual Behavior

When altering the dataSource of a table in any way, for example by retrieving data through HTTP or paginating to another page with a paginator, the cdkRowHoverContent will not be displayed when directly hovering over table cells.

Environment

• Angular: 9.0.1 (StackBlitz)
• CDK/Material: 9.1.0/9.1.0
• CDK-Experimental: 9.2.0
• Browser(s): Google Chome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows (StackBlitz)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}