bug(mat-checkbox): Wrong appearance when inside a disabled fieldset
- 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
The material checkbox is not styled correctly when inside a disabled [fieldset](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset).
The appearance should be the same as when outside a fieldset:

### Reproduction
StackBlitz link:
Steps to reproduce:
1. https://stackblitz.com/edit/components-issue-penyki
### Expected Behavior
1. When checked, a grey background within the tick box
2. The font color is light gray
3. Not clickable (disabled)
### Actual Behavior
1. When checked, no background within the tick box
2. The font color is black
3. Clickable. Possible to change checked state.
### Environment
- Angular: 16.0.0
- CDK/Material: 16.0.3
- Browser(s): Chrome, Firefox, Edge
- Operating System (e.g. Windows, macOS, Ubuntu): Windows
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia con la riproduzione StackBlitz collegata e confronta il comportamento della casella di controllo all’interno e all’esterno di un fieldset disabilitato in Chrome, Firefox ed Edge. Il lavoro è completato quando la casella selezionata ha uno sfondo grigio, il testo è grigio chiaro e la casella di controllo non può cambiare stato quando il suo fieldset è disabilitato.
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
- 35/100