Don't want to auto-collapse on click

[Laurie]

If you look at the demo https://demos.telerik.com/aspnet-core/drawer/tag-helper, you can expand the drawer but as soon as you click one of the drawer items it auto-collapses. How can we avoid this behavior and keep the drawer expanded?

[Tsvetomir]

Hi Laurie,

When the Kendo UI Drawer is about to be closed, the hide event it triggered. This is event is preventable, therefore, you would be able to prevent the drawer from being closed, except when the "sandwich" icon is clicked:

<kendo-drawer name="drawer" template-id="template" mode="push" on-hide="onHide" position="left" min-height="330" .   .   . swipe-to-open="true">

And the JavaScript handler:

function onHide(e) {
    e.preventDefault();
}

Give this suggestion a try and let me know how it works out for you.


Best regards,
Tsvetomir
Progress Telerik