angular / angular/components

help(Snackbar): Change z-index of snackbar without affecting Dialogs

Ouverte
#22,000 9 commentaires 1 réaction 0 personnes assignées Voir sur GitHub
area: material/snack-bar P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

Hi, I need to change the z-index of the snackbar but im not able to do it.

I found that if I have the following class in styles.scss, I can indeed change the z-index but it also affects the Material Dialogs.

.cdk-overlay-container {
z-index: 99999999999999;
}

Any way I can only affect the Snackbars?

Thanks in advanced!

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Start with the styles.scss example and reproduce the z-index change on a Snackbar alongside a Material Dialog. Trace how the shared cdk-overlay-container affects both components and identify the existing Snackbar-specific entry point, if one is exposed. Done means the Snackbar stacking order can be changed without changing the Dialogs.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.