FormidableLabs/radium

Not applying interactive styles with Material ui

Open

#1 014 ouverte le 18 déc. 2018

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)JavaScript (7 414 stars) (352 forks)batch import
help wantedinvestigate

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

Stack technique
reactjavascript
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.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
React basicsRadium integration
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
Investigate why Radium's hover pseudo selector does not work with Material UI's Paper component. Check if Radium requires additional wrapping or configuration for third party components. Look at Radium's documentation and examples for Material UI compatibility. Consider if the issue is related to component hierarchy or CSS specificity.