angular / angular/components

bug(mat-stepper): Stepper in the linear mode has unclear hover behavior

Abierto
#31,788 1 comentario 2 reacciones 1 asignado Reclamado por @adolgachev Ver en GitHub
area: material/stepper 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?

- [x] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

11.2.12

### Description

Seems that hover styling is unclear once stepper is run in the linear mode. I noticed that problems started from versions higher then v11.

### Reproduction

Steps to reproduce:
1. Open latest documentation of the stepper: https://material.angular.dev/components/stepper/overview
(at the time of writing, it's v20.2.0)
2. Take a look at the first example

Image

3. Click 'Enable linear mode'
4. Write 'sample text' in the field of the first step
5. Switch to the second step (don't fill required field)
6. Switch back to the first step

### Expected Behavior

The second step displays hover effect (as it was in v11):

https://github.com/user-attachments/assets/e95cbe8f-7f38-4959-8c95-cd8b66b88477

### Actual Behavior

The second step doesn't display hover effect:

https://github.com/user-attachments/assets/f4b4a473-e820-4230-a4a9-fb4172389aa3

### Environment

- Angular: -
- CDK/Material: Material v20.2.0
- Browser(s): Chrome, Firefox
- Operating System (e.g. Windows, macOS, Ubuntu): mocOS, Windows

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.