Tab Index Issue with Numeric Text Boxes

7 posts, 0 answers
  1. Einar Dahle
    Einar Dahle avatar
    10 posts
    Member since:
    Jun 2010

    Posted 21 Feb 2013 Link to this post

    Hi,

        I have an issue with setting Tab Indexes for Numeric Text boxes on IPAD safari. would appreciate your feedback.

    Beast regards

    Shivanka
  2. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 25 Feb 2013 Link to this post

    Hello Shivanka,

    Your question lacks details about the exact issue that you experience. Please share with us what exactly are the difficulties that you face and if possible provide code which we can inspect to see if something is configured incorrectly. 

    Regards,
    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. WaspDeveloper
    WaspDeveloper avatar
    6 posts
    Member since:
    Apr 2009

    Posted 25 Feb 2013 Link to this post

    I am having issues with the tab index (for all browsers) with the Numeric Text Boxes.

    I need to set the tab indexes manually (can't let the browser automatically figure it out). I apply the tab index to the input elements before I instantiate them with kendo. Since the original input control is hidden for the Numeric Text Box after instantiation, when you tab through the form, that element is skipped.

    For the DropDownList control (which also hides the original "input" element like NumericTextbox), kendo seems to remove the tab index from the original input element and apply it to the appropriate span element that is generated from kendo (and this works correctly).

    Is there a reason that the NumericTextBox doesn't behave the same as the DropDownList?

    After instantiation, I did try removing the tab index from the hidden input element and add it to the visible input element generated from kendo, but it seemed to be messing up any input elements below this on the form.

    Thanks,
    Christina
  5. Einar Dahle
    Einar Dahle avatar
    10 posts
    Member since:
    Jun 2010

    Posted 25 Feb 2013 Link to this post

    HI,

        you could check by accessing Kendo UI numeric text box demo from an Ipad safari browser and then try to navigate text boxes by "previous" or "Next" ( tab index navigation ). it doesnt work. I have given the tab index order as well. im using IOS6 Ipad. hope this information is enough for you all to check.

    Best regards

    Shivanka
  6. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 27 Feb 2013 Link to this post

    Hello,

    Thank you for describing the case.

    I reproduced the issue and indeed there is a problem when trying to tab though the Numeric TextBox widget on iOS devices.

    I logged the issue for further investigation so it could be fixed as soon as possible. 

    Sadly I cannot offer you a temporary work-around.

    Kind regards,
    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Mariano
    Mariano avatar
    4 posts
    Member since:
    Jan 2013

    Posted 08 Apr 2015 in reply to Petur Subev Link to this post

    Hi,

    Is this issue solved?... I have the same tabindex porblem in IE 11

     

    I have kendo ui 2014.3.1411

  8. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 09 Apr 2015 Link to this post

    Hello Einar,

    The main question discussed is about tabbing in iOS and it is already fixed. I tried the following demo on IE11 as well and it works again as expected. In case you still struggle please open separate tickets and provide a small example or link where we can visit and investigate on.

    Kind Regards,
    Petur Subev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready