bug(CdkTextareaAutosize): Textarea does not scroll to active line
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### 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
18
### Description
Hello,
Is there currently a solution or planned fix for this issue?
As described in [issue 30841](https://github.com/angular/components/issues/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
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Riproduci il problema utilizzando l'esempio StackBlitz collegato in Chrome, quindi confronta il comportamento con Firefox e con gli esempi di Angular Material v18 e v20. Digita più di cinque righe nel textarea e verifica che il cursore rimanga visibile durante la digitazione; la correzione è completa quando Chrome scorre fino alla riga attiva come fa Firefox.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 42/100