Estoy actualmente iniciando con Angular y Firebase.
Hoy tengo un detalle el cual no sé de que manera resolverlo y no se precisamente donde debería buscar la solución. Uso el template SB 2 Admin que aquí se ofrece y funciona bastante bien. Al momento de separar por componentes, como el header, sidebar y footer me encontré con un detalle que me gustaría resolver antes de continuar.
En código tengo dividido de la siguiente manera:
<div id="wrapper">
<app-sidebar></app-sidebar>
</div>y obviamente todo el sidebar en el app-sidebar, se ajusta a la pantalla pero cuando hay mas, no se termina de llenar. Adjunto como se ve:
Si notan que no si bien se ve bien, cuando desplazo para abajo se nota que no se termino de pintar. Cuando no lo pongo en componente, es decir todo el codigo funciona de maravilla, pero creo que no es el caso. Asi lo pongo para que funcione:
<div id="wrapper">
<ul class="navbar-nav sidebar accordion">
...
</ul>
</div>Cuando funciona se ve así:
No sé si tengo que editar algo en bootstrap, no creo que alguien mas en sus primeros pasos no le haya pasado y tampoco se si es mas de bootstrap o css o angular.
Nota: Uso Bs 4.4, Angular 9
