Splitter closes Sidebar automatically

I am using ejs-splitter and ejs-sidebar in angular project. When I try to pull splitter to all the way left, it closes the sidebar. I don't want it to do that. I want the sidebar to be open even the splitter is pulled near to sidebar. Is there a way to do this? I am attaching a stackblitz for reference. Here you can open sidebar(if it is not in open state) and pull the splitter to left, you will see the sidebar closes automatically. How to stop it from doing that.

https://stackblitz.com/edit/angular-fvbwki-9mqjnc?file=app.component.html


1 Reply 1 reply marked as answer

IL Indhumathy Loganathan Syncfusion Team May 13, 2022 03:25 PM UTC

Hi Amarender,


Greetings from Syncfusion support.


We have validated your requirement in Sidebar component. By default, the Sidebar enableGestures property is in true state which will enables the expand or collapse while swiping. You can prevent this by setting enableGestures value as false. Please check the below code snippet.


app.component.html

<ejs-sidebar

  id="default-sidebar"

  #sidebar

  [enableGestures]="false"


You can find the sample demonstrating the solution from below link.


https://stackblitz.com/edit/angular-fvbwki-yzuvpj?file=app.component.html


Please check the sample and get back to us if you need any further assistance.


Regards,

Indhumathy L


Marked as answer
Loader.
Up arrow icon