Immediate Close on mobile devices

2 posts, 0 answers
  1. Christian
    Christian avatar
    33 posts
    Member since:
    Jul 2014

    Posted 01 Sep Link to this post

    I have the problem that the responsive panel closes again immediately after opening on some mobile devices.

    This can be reproduced with Chrome browser on the desktop: Small window widths in desktop mode work nicely, but when I enable Galaxy or iPad emulation I get an immediate close event.

    This scenario can also be reproduced with the snippets from the documentation Dojo: https://dojo.telerik.com/Iqozu 

     

    Futhermore with a longclick it can be openend, but then it does not close anymore.

     

    Then I have tried to reproduce this issue in Windows Edge with iPad/Nexus emulation and it does not happen here.

    Next step was to test another browser on my Galaxy and it did not happen there either.

     

    Therefore in any way it has to be something with chrome browser and mobiles... hmmm

     

    Many thanks for helping out here!

  2. Stefan
    Admin
    Stefan avatar
    1131 posts

    Posted 05 Sep Link to this post

    Hello Christian,

    Thank you for the information and the example.

    After additional investigation, its seems that this is due to some changes in Chrome on how the events are prevented:

    "[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive"

    https://www.chromestatus.com/features/5093566007214080

    As this is Chrome specific behaviour since version 56, I will log it in our GitHub repository for additional investigation:

    https://github.com/telerik/kendo-ui-core/issues/3556

    Some workarounds can be used on the close event of the ResponsivePanel to prevent the closing. Please have in mind that additional custom logic has to be added to determine when the menu can be closed:

    https://dojo.telerik.com/AYEbe

    Additionally, I updated your Telerik points for bringing this to our attention.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top