angular / angular/components

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

Abierto
#29,135 3 comentarios 0 reacciones 0 asignados Ver en GitHub
area: material/radio P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz usando mat-tab-group, mat-tab, mat-radio-group y mat-radio-button, primero sin dynamicHeight y después con él. Rastrea el comportamiento del diseño de las pestañas y los botones de radio y, a continuación, añade una prueba de regresión que cubra la combinación indicada. Se considera terminado cuando el desplazamiento innecesario ya no aparece sin requerir dynamicHeight.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
42/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.