codegouvfr / codegouvfr/react-dsfr

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

Abierto
#369 5 comentarios 0 reacciones 1 asignado Reclamado por @enguerranws Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
496
Forks
99
Merge medio
15 h 36 min
PR fusionados (30 d)
4

Descripción

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.

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.