This is a migrated thread and some comments may be shown as answers.

Menu Options Border in Chrome

1 Answer 22 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Janio
Top achievements
Rank 1
Janio asked on 20 Oct 2014, 12:53 PM
Hi all. I am testing the menu kendo framework and I am having a issue. In IE 11, late Firefox version and Safari, does not happen, only happens in Google Chrome.

With normal zoom (100%) the menu options seems to be good. But when I set the zoom to 125%, only in some menu items, the lefthand border disappear, even the option top border. It appears again when I set the zoom to 130% or less (120% e.g.).

It also happens when I restore down the window. I send an image with the behaviour.

Anyone had the same problem?

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 23 Oct 2014, 11:50 AM
Hello Janio,

It seems that the discussed scenario uses a custom Kendo UI theme. In such cases it is better to send a runnable example (or a live URL), that includes all the custom CSS code, which we don't have. I tried to reproduce the described issue by using some custom styles, but to no avail.

Generally, all browsers have issues with zoomed content and sub-pixel rendering, which can be exhibited in random overlapping or disappearing content at certain zoom levels, but not at others. Sometimes a possible workaround is to replace styles that use relative units (em's) with styles that use absolute units (pixels). For example, try setting all Menu-related paddings, font-sizes and line-heights in pixels.

Regards,
Dimo
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Menu
Asked by
Janio
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or