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!

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