bug(cdk-virtual-scroll-viewport): input lose focus when item is scrolled out of view

[markusrisberg]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

If an item has an element that holds focus, e.g. an <input> element, that element will lose focus once the item is scrolled out of view.

Reproduction

StackBlitz link: https://stackblitz.com/edit/angular-pj7cgqpf?file=app%2Fcdk-virtual-scroll-overview-example.html
Steps to reproduce:

1. Focus on the input field in the first item
2. Scroll to bottom
3. Type "hello"
4. Scroll to top

Expected Behavior

Input field should say "hello" and it should still have focus.

Actual Behavior

Input field lose focus so text is not saved

Environment

• Angular: 7.2.16
• CDK/Material: 7.3.7
• Browser(s): Chrome 134.0.6998.88
• Operating System (e.g. Windows, macOS, Ubuntu): Ubuntu