Le composant Material UI Drawer cache la barre de navigation sous-jacente

Question

J'essaie le composant Drawer de la bibliothèque d'interface utilisateur matérielle de Google. Je l'ai configuré et fonctionne mais le problème est, il se chevauche sur la barre de navigation sous-jacente sur mon application web. Existe-t-il un moyen de restreindre la fonctionnalité de tiroir de cette bibliothèque à la zone {wholeScreen - topNavigationBar}?

Voici ce que ma fonction retourne rendre

 <div> 
      <NavBar /> 
      <div> 
       <Button onClick={this.handleLeftOpen}>Menu</Button> 
       <Drawer 
        open={this.state.open.left} 
        onRequestClose={this.handleLeftClose} 
        onClick={this.handleLeftClose}> 
        {leftDrawerList} 
       </Drawer>  
      </div> 
     </div> 

Answer 1

Si vous regardez les styles de tiroirs, vous verrez qu'il a z-index: 1300 propriété. Donc, je suppose que vous devriez donner à votre Navbar z-index qui est supérieur à 1300