角度完整日历 - 路由器插座内高度减半

Question

这是 Angular full calendar + bootstrap 4 - how should I use them together? 的延续。

当我直接在我的 html 中使用 fullcalendar 时，它会按预期呈现。当我在路由器插座内使用它时，它会将高度减半。

<div class="container">
  <app-child></app-child> -----> This component has full-calendar, renders correctly
  <router-outlet></router-outlet> -----> This is mapped to app-child -> full-calendar, height of calendar is cut into half
</div>

代码副本在这里： https://stackblitz.com/edit/angular-bootstrap-4-starter-ouhs2k?file=src/app/app.component.html

请在全屏/新窗口中查看并单击按钮查看渲染的路由器插座。

提前致谢。

（Angular ver 2，完整日历 ver 4.4）