Unplanned
Last Updated: 11 Dec 2025 19:44 by Andrew
Tim
Created on: 14 Sep 2023 10:50
Category: Scheduler
Type: Bug Report
5
Appointments are vertically misaligned when the display scale is not 100%

The appointments at the start of the day seem accurate. If you scroll down, the position of the appointments does not line up with the grid line for the hour that it starts at or ends at. The issue can be observed in the live demo.

 

2 comments
Andrew
Posted on: 11 Dec 2025 19:44

This is a big problem for 4K monitor and also large conference room monitors, because the Recommended default setting for such monitors is 150% scaling, so all the appointments gradually become more and more offset as the day goes on.

This is also a problem if you adjust the font-size of the Scheduler component. Depending on the font-size, the appointments may be offset ABOVE or BELOW where they are supposed to be, due to rounding errors. For example, if you set font-size to 8, 10, 12, 14, everything aligns correctly (if you're at 100% scaling), but font sizes 11, 9, 13, etc will cause offsets to occur on the calendar.

4K monitors are becoming more mainstream, so this issue will only continue to get worse, so it would be great if it can be addressed. Thank you!

ALSO: Another side-effect of this bug is when an appointment goes to the day-end, or wraps to the next day, if the appointment is offset downward, then that causes a SECOND scroll-wheel to appear on the page; in the component itself. So then when a customer tried to scroll down on the page, they have to first scroll a couple pixels on the component scroll bar before the PAGE scroll bar becomes active. This causes excessive scrolling just to get to the bottom of the page.

 

Daniel
Posted on: 06 Nov 2025 13:58
is also misaligned with 100% display scale.