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

Not working on Android and IOS

3 Answers 77 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Himad
Top achievements
Rank 1
Himad asked on 26 Aug 2016, 10:14 AM

Hi,

I am using NumericTextbox in a web application, when testing it on desktop chrome its' working fine but on Android's Chrome(samsung s4) and IOS's Safari (iPhone 6 plus)it behave very strangely. as

1- Alphanumeric keyboard is showing and user can enter any char. including alphabets 

2- Max attribute is not working

3- Format is not applying

Here is my declaring code:

<input data-role="numerictextbox"  data-format="n0" data-min="0" data-max="100" />

Thanks

3 Answers, 1 is accepted

Sort by
0
Himad
Top achievements
Rank 1
answered on 26 Aug 2016, 04:03 PM

Updates:

As suggested in forum's other threads, i have applied type="number" and pattern="[0-9]*" attributes to the widget'input via jquery. it has following affects:

Chrome(samsung s4): Numeric keyboard shows but Format and Max properties are not working user can type decimal number but i need only digits

Safari (iPhone 6 plus): alphanumeric keyborad shows and user can type any char. with any limit

 

Thanks

0
Accepted
Georgi Krustev
Telerik team
answered on 30 Aug 2016, 07:58 AM
Hello Himad,

The NumericTextBox depends on the HTML Input keydown and keypress events in order to restrict user input, allowing only numeric characters. In some old devices / mobile OS, those events are not triggered correctly, hence the widget cannot validate the user input.

The widget seems to work in iPhone using iOS v9+:

http://screencast.com/t/zBRnKsgo6 (no characters are allowed)
http://screencast.com/t/OBBwNsMs (only numeric values are allowed)

The Android OS seems to allow any characters, which seems to be related to the Chrome mobile browser, which does not trigger the required events properly (like the iOS 9).

I will log this limitation in our product backlog for further investigation. For now, you will need to use
<input type="number" /> in order to avoid this erroneous behavior.

Regards,
Georgi Krustev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Himad
Top achievements
Rank 1
answered on 04 Oct 2016, 11:37 AM

Sorry, for replying late.

Your suggestion are very helpful.

Thanks

Tags
NumericTextBox
Asked by
Himad
Top achievements
Rank 1
Answers by
Himad
Top achievements
Rank 1
Georgi Krustev
Telerik team
Share this question
or