Action sheet opened from tabstrip closes immediately

6 posts, 0 answers
  1. Robert
    Robert avatar
    17 posts
    Member since:
    Mar 2011

    Posted 04 Dec 2013 Link to this post

    Hi There,

    I've updated to the 2013.3.1119 of Kendo UI Mobile and now when an action sheet is opened from a tab strip it closes immediately.

    You can see a sample of this behavior here:

    http://jsbin.com/oJaKiHU/6/edit

    Just click the action button and notice how the action sheet closes immediately.

    Are there any workarounds for this?

    Thanks,

    Robert
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 05 Dec 2013 Link to this post

    Hi Robert,

    The behavior that you observe is because of the touch event used to control the TabStrip and the ActionSheet components. In order to make this work, you can use setTimeout() to open the ActionSheet after the TabStrip element is clicked. Please check the following jsBin showing a possible implementation:

    http://jsbin.com/oJaKiHU/7/edit

    Regards,
    Kiril Nikolov
    Telerik
    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. Robert
    Robert avatar
    17 posts
    Member since:
    Mar 2011

    Posted 09 Dec 2013 Link to this post

    Hi Kiril,

    I've implemented the workaround and it seems to sort out the issue.

    The issue I now have is that the action sheet doesn't seem to work  at all when I test it using iOS 6.0.1 (On an iPad) when opening it from javascript.
    This seems unrelated to the timeout change because even without that nothing seems to happen. If I try open it directly from a button in the form it also doesn't work.

    You can use the following link to view this:

    http://jsbin.com/oJaKiHU/10/

    Thanks,

    Robert

  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 09 Dec 2013 Link to this post

    Hi Robert,

    I have tested your code on a device running iOS6, but it worked as expected in both case - opening from the button and from the tabstrip. Do you deploy the application using Cordova? Unfortunately without a physical representation of the mentioned issue, we cannot find what is causing it and help you out.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Robert
    Robert avatar
    17 posts
    Member since:
    Mar 2011

    Posted 10 Dec 2013 Link to this post

    Hi Kiril,

    Just testing the jsbin example in http://jsbin.com/oJaKiHU/10/  on either an iPad running iOS 6.0.1 or even an Samsung Galaxy Tab running android 4.0.1 straight in the browser on both and it still does not work at all.

    Now the actionsheet fails to open at all if I attempt to open it with javascript.

    I assume I am doing something wrong is there something incorrect in the jsbin example?

    Thanks,

    Rob

  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 12 Dec 2013 Link to this post

    Hello Robert,

    I have tested again the jsBin on devices running the operating systems that you mentioned, but the actionsheet seems to be working fine. Please check the following videos:

    https://www.dropbox.com/s/iqsp64yaa8wt60j/Video%2012.12.13%2C%2017%2041%2032.mov

    https://www.dropbox.com/s/xck9su1l4q6hyyn/Video%2012.12.13%2C%2017%2042%2017.mov

    Regards,
    Kiril Nikolov
    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