Angular集成FullCalendar时初始隐藏导致日历显示缩小的问题求助

各位好，我在Angular项目里集成FullCalendar的时候碰到了个头疼的bug：当日历组件一开始通过display:none设置为隐藏状态，后续把它显示出来后，整个日历会呈现出被缩小的异常状态（如图所示）。

我目前找到了一个临时的 workaround，就是在日历要切换为可见状态时，手动触发一次窗口的resize事件，代码如下：

triggerResize() { 
  setTimeout(function () { 
    window.dispatchEvent(new Event('resize')); 
  }, 1); 
}

为了方便复现这个问题，我基于FullCalendar的官方Demo做了个测试示例——在示例里加了个默认勾选的「hidden」复选框，通过给父容器添加hidden类来实现日历的初始隐藏；如果把代码中被注释的this.triggerResize();取消注释，就能看到这个临时修复的效果。

有没有朋友遇到过类似的问题？或者有没有更优雅的解决方案，而不是依赖触发resize事件这种 workaround 呢？

内容来源于stack exchange