Menu Collapsing - highlight text and drag left ?

[Paul]

Hello

This may not be a control question, however I have used one of the syncfusion templates and for some reason, I am getting the menu collapsing on desktop view, when I would like it to never collapse on this view

It only happens, if I use the burger menu (as expected or when I, left click over the text in a textbox and move the cursor (highlighting the text), then when the cursor has highlighted all the text, or I reach the left hand side of the text box, the menu is collapsing

I know it could be a bootstrap issues, However I did notice some of the other syncfusion controls, have a collapse action on them and wondered if the text box did also

I have attached a short video showing this

Thank You

Attachment: 20210415_08h44_32_4e8d7b45.zip

[Indhumathy Loganathan]

Hi Paul, 

 

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 avoid this by setting EnableGestures value as false. Please check the below code snippet. 

 

<SfSidebar HtmlAttributes="@HtmlAttribute" Width="290px" Target=".main-content" EnableGestures="false" @ref="Sidebar" MediaQuery="(min-width:600px)" @bind-IsOpen="SidebarToggle"> 

            <ChildContent> 

                <div class="main-menu"> 

                    <div class="table-content"> 

 

Please find the sample demonstrating the solution from below link. 

 

https://www.syncfusion.com/downloads/support/forum/164556/ze/Sidebar46732430 

 

Please let us know if you need any further assistance. 

 

Regards, 

Indhumathy L