Tengo popover dentro de mat-grid-tile y no se abre debido a overflow:hidden. Para anularlo, agregué una clase css y cambié el atributo como overflow:unset y eso funciona bien. Pero el problema es que cuando se vuelve a cargar la página, la clase css .mat-grid-tile está anulando este desarmado y no sé por qué sucede esto. Tengo que anularlo como se puede ver en mis imágenes. ¿Cómo puedo hacer eso?

Una demostración de mi aplicación en stackblitz: (Aquí este problema nunca ocurre, compartí esto para mostrarles mi diseño)

https://stackblitz.com/edit/angular-nsqsbi-z5dyus?file=app/grid-list-overview-example.html

Cuando se actualiza la página

enter image description here

Después de que lo cambié manualmente en la consola (se ve así si la página se actualiza o no)

enter image description here

3
Timuçin Çiçek 4 oct. 2019 a las 10:22

1 respuesta

La mejor respuesta

Agregar !important debería solucionar su problema, así que use

.o-unset{
overflow: unset !important;
} 

En lugar de

 .o-unset{
overflow: unset;
} 
4
jitender 4 oct. 2019 a las 07:28