angular / angular/components

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

Ouverte
#31,788 1 commentaire 2 réactions 1 personne assignée Réclamée par @adolgachev Voir sur GitHub
area: material/stepper P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

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

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.