Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

All-day events are displayed in front of the sticky header

See original GitHub issue

In v5, I have a calendar for which I have set height=‘auto’. When in the timeGridWeek or timeGridDay view, if I have several all-day events and scroll, the all-day events overlap the sticky days header: see https://codepen.io/maradragan/pen/oNbdvZZ

As a workaround I’ve done the following

.fc .fc-timegrid .fc-daygrid-body {
  z-index: 1;
}

but I’m not sure it doesn’t break other things.

Issue Analytics

State:
Created 3 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

2reactions

arshawcommented, Jul 31, 2020

I just reverted the changes I made because they cause new bugs as @gjvoosten points out. This problem is too hairy to fix easily before the next release, so I need to punt on it for now. @gjvoosten you mention you’d like to have the popover be a direct child of the root calendar (.fc) div as it was in v4. I’ve come to the same conclusion that this is the best solution. It will also fix some other bugs as well (#5532)

0reactions

arshawcommented, May 12, 2021

This has been fixed in v5.7.0! blog post: https://fullcalendar.io/blog/2021/05/new-features-in-v570

fixed repro: https://codepen.io/arshaw/pen/poegoLy?editors=0010