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

Placeholder text in MS Edge

1 Answer 112 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Dmitry
Top achievements
Rank 1
Dmitry asked on 18 Jun 2016, 06:36 PM

This issue is happening for more than 1 type of widgets. I know it happens to the DatePicker as well.

If the input element used for the numeric textbox has a placeholder attribute, the placeholder text appears indented too far to the right in Microsoft Edge browser. It can be reproduced by adding it using developer tools even on the Kendo UI demo examples by clearing the text inside and giving it the placeholder text.

See the attached screenshot.

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 21 Jun 2016, 02:27 PM
Hello Dmitry,

The described issue is caused by the default browser behavior beyond our control, but you can configure the desired offset via the following CSS:

.k-edge .k-widget .k-input {
  text-indent: 1px;
}

I hope this helps.

Regards,
Dimiter Topalov
Telerik
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
NumericTextBox
Asked by
Dmitry
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Share this question
or