codegouvfr / codegouvfr/react-dsfr

MUI x DSFR : Checkbox @mui disabled = bug d'affichage

Offen
#369 5 Kommentare 0 Reaktionen 1 zugewiesene Person Beansprucht von @enguerranws Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
496
Forks
99
Ø Merge
15 Std. 36 Min.
Gemergte PRs (30 T.)
4

Beschreibung

Bonjour,

Je ne sais pas trop si cette issue est un problème de React DSFR ou du DSFR, mais lorsque j'utilise la Checkbox d'MUI et que je définis `disabled={true}`, la checkbox obtient une sorte d'ombre deux fois plus grande qu'elle-même par dessus, ce qui n'est pas agréable pour l'utilisateur.

Le problème ne se produit pas avec une simple balise input HTML, donc je suppose qu'il y a un problème avec le provider MUI du DSFR.

Illustration :

![Image](https://github.com/user-attachments/assets/7c3dbdf6-2f0b-4b48-8aad-f09ff659ccb1)
` `

![Image](https://github.com/user-attachments/assets/f26a69c4-ae2d-4c42-bb3c-9c7d0babcca6)
` `

Le CSS qui affecte MUI est, d'après mon navigateur :
inline:2218
```css
/**
* Override de l'opacité chrome sur un élément disabled
*/
a:not([href]),
button:disabled,
input:disabled,
input[type=checkbox]:disabled,
input[type=checkbox]:disabled + label,
input[type=radio]:disabled,
input[type=radio]:disabled + label,
textarea:disabled,
video:not([href]),
audio:not([href]) {
opacity: 1;
color: var(--text-disabled-grey);
}
```

Merci pour votre aide.

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.