FormidableLabs/radium

Not applying interactive styles with Material ui

Ouverte

#1 014 ouverte le 18 déc. 2018

Voir sur GitHubGuide contributeur
 (1 commentaire) (0 réaction) (0 personne assignée)JavaScript (352 forks)batch import
help wantedinvestigate

Métriques du dépôt

Stars
 (7 414 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

I am trying to use Paper component and style it with radium , but the hover styles are not being applied when hovering.

<Paper style={{ backgroundColor : 'red' , ":hover" : {backgroundColor:'green' } }}>
<h1> Hi </h1>
</Paper>

Guide contributeur

Direction de recherche
Étudiez pourquoi le pseudo sélecteur hover de Radium ne fonctionne pas avec le composant Paper de Material UI. Vérifiez si Radium nécessite un encapsulage ou une configuration supplémentaire pour les composants tiers. Consultez la documentation et les exemples de Radium concernant la compatibilité avec Material UI. Considérez si le problème est lié à la hiérarchie des composants ou à la spécificité CSS.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Plutôt claire
Prérequis
ReactRadium
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70