angular / angular/components

bug(cdkTextareaAutosize): Textarea padding breaks auto-height work

Aperta
#26,997 8 commenti 14 reazioni 0 assegnatari Vedi su GitHub
area: cdk/text-field P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

### Description

It is not possible to set vertical padding for Textarea
- it doesn't count
- as you enter text, the height of the field increases without adding a newline

### Reproduction

Steps to reproduce:
1. Use
```
cdkTextareaAutosize
cdkAutosizeMinRows="1"
cdkAutosizeMaxRows="10"
```
3. Add padding to style ".textarea {padding: 10px;}"

### Expected Behavior

- added padding
- the height only changes when the text is increased by one line

### Actual Behavior

- field height increases for each letter
- vertical padding is not taken into account

stackblitz - [https://stackblitz.com/edit/angular-zqu9zw](https://stackblitz.com/edit/angular-zqu9zw?file=src%2Fmain-component.html)

### Environment

- Angular: 15.2.8
- CDK/Material: 15.2.8
- Browser(s): Chrome Version 112.0.5615.138
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia con la riproduzione di cdkTextareaAutosize nello StackBlitz collegato e confronta il suo comportamento con le impostazioni indicate per padding e righe. Il lavoro è terminato quando il padding verticale viene incluso nell’altezza calcolata e il textarea cresce solo quando il testo aggiunge una riga.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
50/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.