Background event background color does not fill cells in Chrome

[robynluo]

In the month view, I created a lot of background-resource-event.
There will be a problem, see below：

I simulated the scene.
jsbin url:
https://jsbin.com/xesowok/1/edit?html,css,js,console,output

The td width of each table can't be consistent. When adjusting the width of the browser, sometimes the correct situation occurs.

I hope this problem can be solved, thank you.

[acerix]

Thanks for the report. I can see the issue in Chrome, but in Firefox it always looks good.

Would you be able to post a runnable, stripped-down demonstration of the bug? Would really appreciate it because the time saved reproducing will be time spent fixing.

[robynluo]

Thank you for your reply.

I re-simulated the scene, you look at it, thanks.

https://jsbin.com/jubare/2/edit?html,css,js,console,output

[acerix]

Thanks for the demo. As you mentioned in the support email, the issue also shows here in Chrome 65:

https://fullcalendar.io/docs/background-events-demo

https://i.imgur.com/HQ5C9WG.png

[arshaw]

fullcalendar.js has been patched to fix this:

fullcalendar-0.0.0.zip

[robynluo]

@arshaw
Thanks for you support.

I've replaced fullcalendar.js in my demo. it looks good.

[arshaw]

great. ill leave this ticket open until i launch it in a real release.

[dennis-jiang]

@arshaw Is this fix released?

[arshaw]

fixed with 312b543

will comment again when released

[arshaw]

released in 3.10.0

[kamleshwebtech]

I am using full calendar version 4. You can make it as event and pass rendering and color params to calelendar:

$eventRecords = array();
$eventRecords[0]['title'] = 'Available';
$eventRecords[0]['start'] = '2019-11-09T21:00:00';
$eventRecords[0]['end'] = '2019-11-09T22:00:00';
$eventRecords[0]['overlap'] = false;
$eventRecords[0]['rendering'] = 'background';
$eventRecords[0]['color'] = '#00ff00';

It works for me. I hope, this will help you also. Thanks for asking this question.