Drawer swipe not working on iOS 7

[Fabian]

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.[phone].commercial wiht new ios 7 theme.

Any suggestions?
Thanks in advance


 

[Petyo]

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

[JohnVS]

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.

[Petyo]

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

[Brandon Peterson]

In an iOS7 app built with Icenium neither drawer show nor webview navigation are triggered by swiping with Kendo Mobile [phone]. 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.

[Brandon Peterson]

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>

[Petyo]

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

[Bill]

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,

[Petyo]

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

[Bill]

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.

[Petyo]

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

[upvision]

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.