Calendar items truncated in day and week view
Closed this issue · 3 comments
Description:
When viewing calendar items in the day or week view, some items are either missing or only partly rendering. Upon further investigation, it was observed that calendar items which are less than the CalendarTimeInterval
are being truncated.
Steps to Reproduce:
- Navigate to the day or week view of the calendar.
- Observe calendar items, especially those with a duration less than
CalendarTimeInterval
.
Expected Behavior:
All calendar items, regardless of their duration, should render fully within the designated time slots.
Actual Behavior:
Calendar items with a duration less than CalendarTimeInterval
are truncated or missing in the day or week view.
Screenshots:
Additional Information:
When inspecting the items using Chrome Developer tools, a div with a fixed height and an overflow property set to hidden can be observed. Removing the overflow property resolves the issue, allowing the item to render fully.
Environment:
- Browser: Chrome 124.0.6367.63
- Heron.MudCalendar: 1.1.1
It was made by design that the height of the calendar item = the duration of the item. However I see that with very short durations it doesn't work very well. I will review it.
I will add a new property DayItemMinHeight
If you set this to the same height as the DayCellHeight
(default = 36) then it should do what you want.
That's brilliant, thank you!