NumericTextBox input field position bug when float in Firefox

2 posts, 0 answers
  1. Kan
    Kan avatar
    1 posts
    Member since:
    May 2017

    Posted 07 Sep 2017 Link to this post

    Hello! I found that the “NumericTextBox”’s input field location is not correct, if we use “float” style for “<input>”. If you open the following example in Firefox:

    It works fine in Chrome and Edge. Could you take a look at this issue? Or let me know if there’re alternative ways to align to right and work in all browsers.
    Thank you!  

  2. Orlin
    Orlin avatar
    62 posts

    Posted 11 Sep 2017 Link to this post


    Setting float:left to the original input makes it carry over to the input used inside the NumericTextBox (the widget wrapper contains an input and a couple of other elements – the spinner wrapper and the spinner elements, as well as a second, hidden input). With float:left it looks exactly like the original widget in Chrome and Edge.

    If you want to float the widget itself, you can use something like the following CSS:

    .k-numerictextbox {
      float: right;

    You can see it in action here:

    If this is not what you need, please clarify your use case, and we will do our best to help you achieve it.

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top