Drawer swipe not working on iOS 7

12 posts, 0 answers
  1. Fabian
    Fabian avatar
    1 posts
    Member since:
    Aug 2013

    Posted 20 Sep 2013 Link to this post

    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


     
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 20 Sep 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. JohnVS
    JohnVS avatar
    76 posts
    Member since:
    Apr 2013

    Posted 27 Sep 2013 Link to this post

    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.
  5. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 28 Sep 2013 Link to this post

    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!
  6. Brandon Peterson
    Brandon Peterson avatar
    47 posts
    Member since:
    May 2007

    Posted 06 Oct 2013 Link to this post

    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.
  7. Brandon Peterson
    Brandon Peterson avatar
    47 posts
    Member since:
    May 2007

    Posted 06 Oct 2013 Link to this post

    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>
  8. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 07 Oct 2013 Link to this post

    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!
  9. Bill
    Bill avatar
    75 posts
    Member since:
    Feb 2013

    Posted 08 Oct 2013 Link to this post

    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,
  10. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 08 Oct 2013 Link to this post

    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!
  11. Bill
    Bill avatar
    75 posts
    Member since:
    Feb 2013

    Posted 31 Oct 2013 Link to this post

    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.
  12. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 01 Nov 2013 Link to this post

    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!
  13. upvision
    upvision avatar
    1 posts
    Member since:
    Nov 2013

    Posted 01 Dec 2013 Link to this post

    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.
Back to Top
Kendo UI is VS 2017 Ready