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

incorrect display NumbericTextBox

1 Answer 51 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Gusev
Top achievements
Rank 1
Gusev asked on 29 Apr 2013, 09:40 AM
Hello!
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?
scale
scale

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 29 Apr 2013, 11:01 AM
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.

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
NumericTextBox
Asked by
Gusev
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or