Not working on Android and IOS

4 posts, 1 answers
  1. Himad
    Himad avatar
    3 posts
    Member since:
    Aug 2016

    Posted 26 Aug Link to this post

    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

  2. Himad
    Himad avatar
    3 posts
    Member since:
    Aug 2016

    Posted 26 Aug Link to this post

    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

  3. Kendo UI is VS 2017 Ready
  4. Answer
    Georgi Krustev
    Admin
    Georgi Krustev avatar
    3706 posts

    Posted 30 Aug Link to this post

    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.
     
  5. Himad
    Himad avatar
    3 posts
    Member since:
    Aug 2016

    Posted 04 Oct in reply to Georgi Krustev Link to this post

    Sorry, for replying late.

    Your suggestion are very helpful.

    Thanks

Back to Top
Kendo UI is VS 2017 Ready