Disaligned horizontal lines in Chrome at zoom level != 100%

Scheduler Javascript
#1

In Chrome (but not in Firefox)
when the zoom level is not 100%
and you scroll down on a scheduler
such as the sample on [url]https://docs.dhtmlx.com/scheduler/samples/05_calendar/01_select.html[/url]
the horizontal lines are disaligned between

  • the background of the day or week view
  • compared to those in the left column (hour scale).


I guess the order in which the browser

  • rescales,
  • aggregates (adds the heights),
  • and rounds to the nearest pixel
    is not the same for the background images of single
    and the multiple
    s.

In year view, a similar disalignment is visible between the vertical lines

#2

Hi,
Scale should displayed correctly if zoom is 100% in all browsers.
The issue isn’t reproduced in my the latest Chrome version 64.0.3282.186.
prntscr.com/ikisih
Possibly you need to update Chrome.

#3

Google Chrome is up to date - Version 64.0.3282.186 (Official Build) (64-bit)
I agree that the issue does not occur when the zoom level is 100%. (I even explicitly mentioned this in the title of this thread.)

Yet it somehow feels wrong to tell the visitors to our website (specifially, the webpage with the sheduler) not to adjust the zoom level of their browser to whatever scale is best adjusted to their eyesight or comfort.

#4

Sorry, it’s my inattention, I thought you have problem with zoom 100%.

Unfortunately we can guarantee that Scheduler is displayed correctly only with default 100% zoom because sizes of all elements are calculated for this zoom. And I can’t suggest you any workaround to avoid misaligned when zoom is changed.

Perhaps you can warn your users using dhtmlx.message that when zoom!= 100% misaligned is possible.
dhtmlx.com/docs/products/dhtmlx … _info.html