For some reason, when I hover over a scheduled event in the event calendar, the hover effect is offset by 50% of the width of the event. See example below. It’s doing this with all the views. I’m using version 5.33.2.

The only other css I’ve applied is as follows:
<style>
.mbsc-timeline-row-gutter {height:6px;}
.mbsc-timeline-resource{text-align:left}
</style>
Hello @Vincent_Wansink 
The CSS you shared applies to the Timeline view, not the Scheduler you’re referring to.
Did this issue start occurring after upgrading to the latest 5.33.2 version?
I tested it on my end, and everything seems to be working as expected. To better understand the issue, could you share a working example or a live link where we can see the exact setup and reproduce the problem?
You’re also welcome to reach out through our support channel—we’d be happy to assist you further!
Well, I’m using 5.16.2 in another project, and I don’t have the problem there. In this project I just downloaded 5.33.2 and before that I’ve only been using version 4, and this entire scheduling thing is a new feature in this app, so I can’t say for sure if it’s something new with this version or not.
And I do have the same issue in the timeline view as well, but regardless, I guess this CSS is not to blame.
Turns out, one of the parent containers has “align=center” applied, so I added text-align:left to the schedule div and that solved the problem.
1 Like