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

Action sheet opened from tabstrip closes immediately

5 Answers 88 Views
ActionSheet
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 04 Dec 2013, 08:58 AM
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

5 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 05 Dec 2013, 08:22 AM
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!
0
Robert
Top achievements
Rank 1
answered on 09 Dec 2013, 07:10 AM
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

0
Kiril Nikolov
Telerik team
answered on 09 Dec 2013, 12:08 PM
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!
0
Robert
Top achievements
Rank 1
answered on 11 Dec 2013, 05:23 AM
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

0
Kiril Nikolov
Telerik team
answered on 12 Dec 2013, 03:45 PM
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!
Tags
ActionSheet
Asked by
Robert
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Robert
Top achievements
Rank 1
Share this question
or