当父容器调整大小时,Fullcalendar v4资源时间线不占全宽。

问题描述 投票:0回答:1

我在一个react项目中使用FullCalendar,并在左边有一个侧栏;当我隐藏我的侧栏时,资源时间线会展开,但它并没有占据全部宽度。见下图,我得到了右边的空白空间(B)。

我已经为汉堡包按钮添加了一个点击监听器,这样每当它被点击时,它就会调用calendar.updateSize,但这似乎并不能解决我的问题.我试过不为汉堡包添加点击事件监听器,而是在父div上添加一个突变观察器,每当它的使侧栏hideshow的类发生变化时,在我调用updateSize的回调中,这不起作用,但如果我打开devTools,并在updateSize后设置一个调试器,就可以点击汉堡包,大小调整完美发生。我不知道为什么它的工作与devtool打开和调试器。

同样发生的一些有趣的事情是,当我切换到不同的视图,如dayGridMonth,然后切换回resourceTimeline时,resourceTimeiline会正确调整宽度,并且完美地适合。

enter image description here

有什么办法可以解决这个问题吗?

先谢谢你

html css reactjs fullcalendar fullcalendar-scheduler
1个回答
0
投票

试试这个。

var calendar = new FullCalendar.Calendar(calendarEl, {....

height: 'parent',

...

});

© www.soinside.com 2019 - 2024. All rights reserved.