bug(text field): Long multiline text field - scrolled up on input #20255
Description
Reproduction
https://monosnap.com/file/mKU40IcGQvhrgnhN9U3TLpAeouTj2g
Steps to reproduce:
- open https://v9.material.angular.io/cdk/text-field/examples in ie11
- find example "Auto-resizing textarea"
- inspect text field in the bottom of page
- uncheck element.style max-height (or you can try to reproduce it without cdkAutosizeMaxRows)
- insert very long text into the text field (about 50 lines) - height of content must to be higher than viewport's height
- put the cursor on the third line from the end (not on last line)
- enter some letter
Expected Behavior
The cursor and the letter just entered remain in the viewport.
Actual Behavior
The scroll moved up to the top of textarea
Environment
- Angular: 9.1.0
- CDK/Material: 9.2.4 and 10.0.0
- Browser(s): ie11
- Operating System (e.g. Windows, macOS, Ubuntu): Windows