Items get shifted while zoomed

[Prolifis]

Hi!

When the page is zoomed in Chrome and FF (haven't checked other browsers) at approximately 150%, and you try to slide over the tree nodes with a mouse from top to bottom, the whole tree shakes along with its nodes. It's subtle but very inconvenient. Can anything be done to get rid of this behavior? At 100% zoom it's cool. 

This can be reproduced even in a demo: http://demos.kendoui.com/web/treeview/index.html

Thanks in advance!

[Dimo]

Hello Yuliya,

Indeed, browser zooming tends to be buggy and exhibits various issues in various scenarios. Unfortunately, there is not always a good mechanism to avoid these problems.

In this particular case, the item flickering occurs only with some of the browser zoom levels in Chrome, which supports the above statement.

A possible workaround is to remove the border of the hovered TreeView items and restore the non-hovered-state padding. You can use the following CSS rule to achieve that:

.k-treeview li .k-in.k-state-hover,
.k-treeview li .k-in.k-state-selected,
.k-treeview li .k-in.k-state-focused
{
    border-width: 0;
    padding: 2px 4px 2px 3px;
}

Regards,
Dimo
Telerik