Je rends une avec une grande valeur de z-index (en utilisant withStyles
, elle a une valeur de theme.zIndex.modal + 2
qui se calcule à 1202
).
La raison pour cela est de m'assurer que mon composant reste caché derrière la lorsqu'il est ouvert (c'est-à-dire un tiroir découpé).
Cependant, lorsque je rends un composant dans ma appbar, la division de 'dropdown' n'a pas une valeur de z-index suffisamment grande pour être affichée, et donc elle se retrouve cachée derrière la appbar. Un exemple de base est le suivant: let Test = ({classes}) => ( {"Article 1"} {"Article 2"} ) const styles = theme => ({ appbar: { zIndex: theme.zIndex.modal + 2, margin: 0 } }) Test = withStyles(styles)(Test);
Le remplacement du z-index sur l'une des classes exposées de ne semble pas résoudre mon problème. Comment puis-je m'assurer que
apparaît devant ?