Html 当父容器调整大小时,Fullcalendar v4资源时间线未采用全宽

Html 当父容器调整大小时,Fullcalendar v4资源时间线未采用全宽,html,css,reactjs,fullcalendar,fullcalendar-scheduler,Html,Css,Reactjs,Fullcalendar,Fullcalendar Scheduler,我在react项目中使用FullCalendar,左侧有一个侧栏;当我隐藏侧边栏时,资源时间线会扩展,但不会占据其全部宽度。看到下面的图像,我得到右边的空白(b)。< /P> 我在hamburger按钮中添加了一个click listener,这样每当单击它时,它都会调用calendar.updateSize,但这似乎无法解决我的问题。 我试图在hamburger中添加一个click事件监听器,而不是在父div中添加一个突变观察者,以便在其使侧栏隐藏/显示更改的类发生变化时,在回调中调用upda

我在react项目中使用FullCalendar,左侧有一个侧栏;当我隐藏侧边栏时,资源时间线会扩展,但不会占据其全部宽度。看到下面的图像,我得到右边的空白(b)。< /P> 我在hamburger按钮中添加了一个click listener,这样每当单击它时,它都会调用calendar.updateSize,但这似乎无法解决我的问题。 我试图在hamburger中添加一个click事件监听器,而不是在父div中添加一个突变观察者,以便在其使侧栏隐藏/显示更改的类发生变化时,在回调中调用updateSize,这不起作用,但是如果在updateSize之后打开devTools并设置调试器,则可以单击hamburger,调整大小的过程非常完美。我不知道为什么它与devtool一起工作,并打开调试器

有趣的是,当我切换到不同的视图(如dayGridMonth)然后切换回resourceTimeline时,resourceTimeline会正确地调整其宽度,并且非常适合

有没有办法解决这个问题

提前谢谢你

试试这个:

var calendar=newfullcalendar.calendar(calendarEl,{

高度:'父'

}))

试试这个:

var calendar=newfullcalendar.calendar(calendarEl,{

高度:'父'


}))

尝试在单击侦听器触发或变异观察者发出侧栏viw更改值后,但在
updateSize()函数运行之前放置100ms延迟。

尝试在单击侦听器触发或变异观察者发出侧栏viw更改值后,但在
updateSize()函数运行之前放置100ms延迟
函数运行。

如果没有任何代码(或者更好的是,一个可运行的示例),几乎不可能确定问题是什么。猜测一下,检查您是否没有任何CSS意外干扰日历的呈现。删除所有自定义CSS,甚至包括fullCalendar主题,并使用日历提供的默认CSS运行它,然后查看是否仍然存在问题。如果没有任何代码(或者更好的是,一个可运行的示例),几乎不可能确定问题是什么。猜测一下,检查您是否没有任何CSS意外干扰日历的呈现。删除所有自定义CSS,甚至包括fullCalendar主题,并使用日历提供的默认CSS运行它,然后查看是否仍然存在问题。