Placeholder text in MS Edge

2 posts, 0 answers
  1. Dmitry
    Dmitry avatar
    1 posts
    Member since:
    Dec 2015

    Posted 18 Jun Link to this post

    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.

  2. Dimiter Topalov
    Dimiter Topalov avatar
    311 posts

    Posted 21 Jun Link to this post

    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.

    Dimiter Topalov
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top