angular / angular/components

bug(RadioButton): Radio button group adds scroll when used in MatTab component

Aperta
#29,135 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub
area: material/radio P4
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

### 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

When the `mat-radio-group` component is placed inside the `mat-tab` component it adds unnecessary scroll when any other content doesn't

But can be fixed by using `mat-tab-group dynamicHeight`

### Reproduction

StackBlitz link: [Link](https://stackblitz.com/edit/d9acy1?file=src%2Fexample%2Ftab-group-animations-example.html)
Steps to reproduce:
1. Use `mat-tab-group` and `mat-tab`
2. Use `mat-radion-group` and `mat-radio-button` and place inside the `mat-tab`
3. Notice scroll bar
4. Add `dynamicHeight` attribute to the `mat-tab-group`
5. Notice the scroll bar is gone

### Expected Behavior

The scroll bar should not appear when mat-radio-group is placed inside the mat-tab

### Actual Behavior

mat-radio-button-group adds scroll when used in mat-tab component

### Environment

- Angular: "@angular/core": "^17.3.0",
- CDK/Material: "@angular/material": "18.0.0",
- Browser(s): Chrome
- Operating System: macOS

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia con la riproduzione StackBlitz collegata usando mat-tab-group, mat-tab, mat-radio-group e mat-radio-button, prima senza dynamicHeight e poi con dynamicHeight. Traccia il comportamento del layout di tab e radio button, quindi aggiungi un test di regressione che copra la combinazione segnalata. Il lavoro è completato quando la barra di scorrimento non necessaria non appare più senza richiedere dynamicHeight.

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
Abbastanza chiara
Idoneità per principianti
42/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.