You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have found a bug with the events width in both the week and day view, the issue is that an events width doesn't fill the space that is available when using no-overlap prop.
In the image the column for the 15th has the bug and the 16th column is performing as expected. The issue is that the event with title "3" in the 15th column should take up the available space, but it doesn't. In the 16th column the event with title "3" does take the available space.
Create another event on the same day spanning 01.00 - 02.00
Create another event on the same day spanning 03.00 - 04.00
Create another event on the same day spanning 01.30 - 05.00
After performing these steps it will look like this
I've tried to look into the code but it is quite complex so hope someone with better knowledge can do this. My finding is that the event "3" is in event "4" friends list in the dayLayoutAlgorithm, but so is also event "1" and "2", so when the calculation for the width of event "3" is taking place the event "1" and "2" is taken into account even though they shouldn't be.
Check that this is really a bug
Reproduction link
https://jquense.github.io/react-big-calendar/examples/index.html?path=/docs/examples--example-3
Bug description
Hello guys,
I have found a bug with the events width in both the week and day view, the issue is that an events width doesn't fill the space that is available when using no-overlap prop.
In the image the column for the 15th has the bug and the 16th column is performing as expected. The issue is that the event with title "3" in the 15th column should take up the available space, but it doesn't. In the 16th column the event with title "3" does take the available space.
To reproduce this bug use the no-overlap example page https://jquense.github.io/react-big-calendar/examples/index.html?path=/docs/examples--example-3
After performing these steps it will look like this
I've tried to look into the code but it is quite complex so hope someone with better knowledge can do this. My finding is that the event "3" is in event "4" friends list in the dayLayoutAlgorithm, but so is also event "1" and "2", so when the calculation for the width of event "3" is taking place the event "1" and "2" is taken into account even though they shouldn't be.
Hope this help :)
Expected Behavior
No response
Actual Behavior
No response
react-big-calendar version
1.8.5
React version
18.2.0
Platform/Target and Browser Versions
macOs Chrome 119.0.6045.159
Validations
Would you like to open a PR for this bug?
The text was updated successfully, but these errors were encountered: