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

NumericTextBox input field position bug when float in Firefox

1 Answer 203 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Kan
Top achievements
Rank 1
Kan asked on 07 Sep 2017, 07:57 PM

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:

http://dojo.telerik.com/eWiVE/2

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!  

1 Answer, 1 is accepted

Sort by
0
Orlin
Telerik team
answered on 11 Sep 2017, 06:43 AM

Hello,

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: http://dojo.telerik.com/eWiVE/5

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


Regards,
Orlin
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.
Tags
NumericTextBox
Asked by
Kan
Top achievements
Rank 1
Answers by
Orlin
Telerik team
Share this question
or