Weird layout when combining multiple long events and multiple short events

[mikeyyyzhao]

Do you want to request a feature or report a bug?

Bug

What's the current behavior?

For 15 min intervals, when you combine long and short events together, the short events truncate and start a weird ladder. The top pic is from react-big-calendar and the bottom picture is from google calendar.

I've tried #1530 's solution of setting dayLayoutAlgorithm but it didn't fix this issue either.

Setup:
step=15 and timeslots = 4 for 15 min intervals

You can also replicate this using the dnd calendar on the official site

What's the expected behavior?

There's no ladder when displaying shorter events alongside longer events. The successive short events should be aligned in the center fo the long event

[JakubSirek]

I have the same problem. With settings: step=30 and timeSlots=2. The problem does not occur when the two events overlap, but there is a problem with the third. Same problem for day, week and workWeek view.

Correct behavior when two events overlap:

Bug when I add the "Test8" event, which is the third overlap:

[mikeyyyzhao]

Any suggestions on how to fix this?

[JakubSirek]

I read some bugs here and tried to use their solution, but nothing helped. It's a bug.

Previously, the same problem manifested itself in the second level, where it is now fixed. The same fix is needed for the third level of events.

[milkman4]

Bump on this! Has anyone come up with a solution or workaround?