Skip to content

bug(CdkTextareaAutosize): Textarea does not scroll to active line #31871

@BUONJG

Description

@BUONJG

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

18

Description

Hello,

Is there currently a solution or planned fix for this issue?

As described in issue 30841
, when using the textarea with cdkTextareaAutosize, the component does not automatically scroll to keep the cursor in view once the content exceeds the maxRows. This makes the textarea very difficult to use.

The problem occurs on Google Chrome (but not in Firefox).

It appeared starting from Angular Material v19.

In v18, the behavior was correct: https://v18.material.angular.dev/cdk/text-field/overview

From v19 up to the current version, the bug is reproducible in Chrome: https://material.angular.dev/cdk/text-field/overview

Thank you for your help and clarification.

Reproduction

StackBlitz link: https://stackblitz.com/edit/ozyjlswf?file=src%2Fexample%2Ftext-field-autosize-textarea-example.html
Steps to reproduce:
Using google Chrome:

  1. start typing in the textarea (add lines pressing enter)
  2. when more that 5 lines are added, cursor deapear and we are typing in the hidden part of the textarea (we don't see what we are typing anymore)

Do the same on Firefox:

  • the textarea scrolls automatically to active line

Expected Behavior

The textarea does not scroll automatically to the active line on google chrome

Actual Behavior

The textarea should scroll automatically to the active line on all nagigators

Environment

  • Angular: 20
  • CDK/Material: 20
  • Browser(s): Google Chrome
  • Operating System: Windows, macOS, Ubuntu

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: cdk/text-field

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions