incorrect display NumbericTextBox

2 posts, 1 answers
  1. Gusev
    Gusev avatar
    77 posts
    Member since:
    Dec 2012

    Posted 29 Apr 2013 Link to this post

    I have the problem:
    If I use 100% scale , then I see first picture
    If I use 110% or 125% scale, then  I see second picture
    Why display with 125% scale is so incorrect?
  2. Answer
    Dimo avatar
    8404 posts

    Posted 29 Apr 2013 Link to this post

    Hello Grigoriy,

    Browsers tend to zoom content erroneously, which results in various glitches as the one you observe.

    The problem seems to be triggered by the following CSS styles:

    .k-autocomplete .k-input,
    .k-picker-wrap .k-input,
    .k-numeric-wrap .k-input,
    .k-dropdown-wrap .k-input,
    .k-selectbox .k-input
        height: 1.65em;
        line-height: 1.65em;
        padding: .178em 0;

    You can try overriding one or more of the above values (use higher CSS specificity), however, a quick test on my side showed that no value seems to work well in all possible browser zoom levels. You could come up with a combination that works better though.

    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top