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

Drawer swipe not working on iOS 7

11 Answers 105 Views
Drawer (Mobile)
This is a migrated thread and some comments may be shown as answers.
Fabian
Top achievements
Rank 1
Fabian asked on 20 Sep 2013, 09:15 AM
Hi,

I updated to iOS 7 and xCode 5 and Drawer doesn't recognize swipe gestures (i.e. left-to-right) anymore performed on iOS 7 device or in iOS Simulator.
It's working as expected on local browser and was working on ios 6 device.
I'm using kendoui.mobile.2013.2.912.commercial wiht new ios 7 theme.

Any suggestions?
Thanks in advance


 

11 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 20 Sep 2013, 12:29 PM
Hi Fabian,

iOS7 has the horizontal swipe gesture reserved for back/forth navigation. This is listed in their design guidelines. This is the reason why we disabled the swipe handling; it would cause two things to happen at the same time.

In fact, I think that this may be one of the big reasons why the iOS facebook app, which pioneered this navigation pattern switched back to tab based navigation with their iOS 7 update.  

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
JohnVS
Top achievements
Rank 1
answered on 27 Sep 2013, 04:30 PM
Petyo, am I missing a fix for this? We are using 2013.2.716 and the Flat theme, and having the same issue, where trying to swipe out the Drawer causes the iOS 7 Safari browser to go back. You seemed to be making an observation in your reply, but I'm not sure what to do with it to fix the problem. Please advise, thank you.
0
Petyo
Telerik team
answered on 28 Sep 2013, 06:29 AM
Hello John,

the drawer swipe gesture handling is disabled in iOS7, starting from our service pack release (918), which includes iOS7 support. The reason for this is that we can't override the default browser action (going back and forward). 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brandon Peterson
Top achievements
Rank 2
answered on 06 Oct 2013, 09:17 PM
In an iOS7 app built with Icenium neither drawer show nor webview navigation are triggered by swiping with Kendo Mobile 2013.2.918. Is this due to the SPA architecture of my app in which hash view id navigation is not handled with swipe gestures by the webview? In any case, I am with Fabian and JohnVS in wanting a manual override for drawer widget initialization to enable swipe gestures on iOS7 and possibly conditional disabling when kendo.support.mobileOS.appMode is false.
0
Brandon Peterson
Top achievements
Rank 2
answered on 07 Oct 2013, 01:00 AM
I was able to manually override this for Cordova PhoneGap apps on iOS7 by changing the following buried deep in line 9 of kendo.mobile.drawer.min.js.
from:
a=!(n.ios&&7==n.majorVersion),
to:
a=!(n.ios&&7==n.majorVersion&!n.appMode),
Which in the un-minified src kendo.mobile.drawer.js equates to line 25.
from:
SWIPE_TO_OPEN = !(os.ios && os.majorVersion == 7),
to:
SWIPE_TO_OPEN = !(os.ios && os.majorVersion == 7 &! os.appMode),
Then include the drawer widget javascript after Kendo Mobile and you're set (at least for non-mobile browser apps).
<script src="kendo/js/kendo.mobile.min.js"></script>
<script src="kendo/js/kendo.mobile.drawer.min.js"></script>
0
Petyo
Telerik team
answered on 07 Oct 2013, 08:43 AM
Hi Brandon,

thank you for sharing this. We are currently investigating the behavior of swipe gestures in phonegap, so that we may determine if the approach you suggest is viable, or the swipe gestures may be handled by the webview.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Bill
Top achievements
Rank 1
answered on 08 Oct 2013, 02:40 PM
Between the issue with iOS 7 and tap/click events firing from list items in the main view on swipe, it would be nice to have an option to disable the drawer swipe gesture entirely.

I'm guessing Brandon's manual override may work temporarily.  I haven't tried it yet.

a=false,
SWIPE_TO_OPEN = false,
0
Petyo
Telerik team
answered on 08 Oct 2013, 03:30 PM
Hello Bill,

Given the current iOS7 state, it seems so. I am logging this feature for our next major release. Thank you once again for the feedback.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Bill
Top achievements
Rank 1
answered on 31 Oct 2013, 03:43 PM
Petyo,

Can you tell us what stable version we should target which would include the iOS 7 fixes for the drawer menu?  I noticed the release notes for 2013.2 918 mentioned "Added iOS 7 Support".  It didn't mention anything about disabling the swipe gesture to show the drawer on iOS 7 as iOS 7's swipe gesture triggers the back/forward browser functionality.
0
Petyo
Telerik team
answered on 01 Nov 2013, 09:24 AM
Hi Bill,

Apologies for this, we should have documented this in further details. This 918 version includes this behavior tweak as part of our iOS7 support.

Like I mentioned in my previous reply, in our upcoming Q3 release, we are going to include an enableSwipe option to disable swiping.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
upvision
Top achievements
Rank 1
answered on 01 Dec 2013, 07:42 PM
Hello, 

i have still problem with swipe on iOS 7. Still does not work.

If i add scripts: 
    <script src="kendo/js/kendo.mobile.min.js"></script>
    <script src="kendo/js/kendo.mobile.drawer.min.js"></script>

it is works, but if i add:
    <script src="kendo/js/kendo.mobile.min.js"></script>

This is does not works. 

***********
now it's working but i dont know why didnt work earlier.
Tags
Drawer (Mobile)
Asked by
Fabian
Top achievements
Rank 1
Answers by
Petyo
Telerik team
JohnVS
Top achievements
Rank 1
Brandon Peterson
Top achievements
Rank 2
Bill
Top achievements
Rank 1
upvision
Top achievements
Rank 1
Share this question
or