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

Cancel cut off on action sheet in Chrome (iOS)

5 Answers 37 Views
ActionSheet
This is a migrated thread and some comments may be shown as answers.
Kelly
Top achievements
Rank 1
Kelly asked on 18 Jun 2013, 01:41 PM
If a user uses a Chrome browser on an iPhone the cancel button on an action sheet is half cut off. There is enough of the button visible to click on the cancel button but the whole button does not appear. I tested this using the mobile demos, an iPhone 5, and the latest version of Chrome. I'm assuming this will be investigated for future builds but in the mean time is there a method in the action sheet product to force a height so we can ensure the cancel button is seen?

5 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 20 Jun 2013, 07:29 AM
Hi Paul,

Thank you for contacting us. I managed to trace down the problem based on your report - it looks like the hide address bar feature (which is designed for Safari/iOS on iPhone) does not work as expected in Chrome, causing the misbehavior you observe. As you have correctly assumed, we are going to address that in our future releases. Meanwhile, you may disable the feature, as showed in this example (which I used for testing purposes).

I am updating your telerik points for this finding.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kelly
Top achievements
Rank 1
answered on 20 Jun 2013, 01:59 PM
It does not seem to matter whether we set the flag to true or false on the hideaddressbar feature (we currently have it set to false). I tried your solution on JSBin on my phone but the cancel bar is still cut off. I have included a screen shot to better help illustrate my problem.
0
Petyo
Telerik team
answered on 20 Jun 2013, 02:38 PM
Hi Paul,

This is weird. In my tests, when I loaded the jsbin address, the URL bar auto-hid after 500ms or so. Which Chrome version did you use? I tested it in 27.0.1453.10 (I doubt that the last numbers are significant).

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kelly
Top achievements
Rank 1
answered on 20 Jun 2013, 07:03 PM
It's the same version (27.0.1453.10). I have iOS 6.1.4. I had an associate try it on their phone (same device type and browser version) but they are experiencing the same problem.
0
Petyo
Telerik team
answered on 24 Jun 2013, 02:22 PM
Hi Paul,

With further testing, I managed to reproduce the problem, too. It happens when chrome hides and then shows the address bar. We will need to investigate this further, in order to address it properly. 

I am sorry for the inconvenience caused. 

Regards,
Petyo
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
Kelly
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Kelly
Top achievements
Rank 1
Share this question
or