0
votes

Le contenu du contenu MAT-Sidenav est débordé derrière la barre de défilement de pages

Je suis en cours d'exécution angulaire 7 avec bootstrap et j'essaie de configurer mat-sidenav-conteneur

Le problème que je suis confronté est tout le contenu à l'intérieur de Mat-sidenav-contenu (qui est le contenu principal de la page) débordant de la barre de défilement des navigateurs pour le contenu.

J'ai foiré avec la modification du débordement en cela en vain. Je sais que l'ajout d'une marge va probablement le réparer, mais je pense que c'est désordonné car certaines pages n'ont pas de barre de défilement.

Est-ce que quelque chose à voir avec Bootstrap étant utilisé comme je l'utilise cet exemple https://stackblitz.com/angulaire/klqaabggjllb?file== App% 2FSIDENAV-EXEMPORT-EXEMPORTS.TS

 contenu débordant derrière la barre de défilement

 Entrez la description de l'image ici


0 commentaires

3 Réponses :


2
votes

Ajouter un AutoSize Attribut à votre Mat-sidenav-conteneur . Il vous aide à recharger des marges et des trucs avec des tiroirs à matériaux angulaires.

Cela a un coût en termes de performance. Vous pouvez donc vouloir mettre une minuterie pour le désactiver quelques secondes après la fin de l'animation si elle est importante pour vous.


0 commentaires

0
votes

Suppression de Position: absolu; de la CSS du conteneur de page en dehors du mat-sidenav corrigé celui-ci pour moi et poussé la barre de défilement en dehors de celui-ci.


0 commentaires

1
votes

Qu'est-ce qui a fonctionné pour moi était xxx


0 commentaires