We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Sidebar toggle no longer working in version 20.4 when type is set to "Over"

Hi,

I have encountered a problem with sidebar in new Syncfusion version 20.4. When I set the type to SideBarType.Over ​I cannot open it again after closing. It could be related to other parameters such as MediaQuery, CloseDocumentOnClick or EnableGestures. However, this used to work in the previous version 20.3.

I have prepared a small demo. If you start the demo you can close the sidebar. However, you can no longer open it with the button in the middle of the screen. If you downgrade the package to older version it starts working again (don't forget to reload browser cache after downgrading). 


Attachment: SidebarExample_a2f5b2d7.zip

7 Replies 1 reply marked as answer

LD LeoLavanya Dhanaraj Syncfusion Team January 9, 2023 04:26 PM UTC

Hi David,


Greetings from Syncfusion support.


We have validated the reported issue(Sidebar toggle no longer working in version 20.4 when type is set to "Over”) in Blazor Sidebar component and unable to reproduce the issue at our end. For your reference, we included the sample and video footage.


We suspect that the issue also occurs due to the improper script and style references added to the sample. Some of the breaking changes have been included in our release version 20.1.47. So, you should install the latest individual NuGet package and add script and style references to your sample. Check the release notes below for changes.


Release notes link(Breaking changes) : https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#common


Check out the attached sample and below mentioned code snippets for your reference.


Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/SidebarWASM6.01310641183.zip


[index.html]

<head>…

    <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />

    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

</head>


Once check the attached sample at your end. If the issue still persists, share the issue replicated video footage to validate further and provide a prompt solution.


Regards,

Leo Lavanya Dhanaraj



DD David Drapela January 10, 2023 08:35 AM UTC

Hi,


thank you for investigating my issue. When I try your sample it still does not work as you can see in the screen recording video in the following link: (I could not upload mp4 file here directly even if it is zipped).

https://www.dropbox.com/s/8i7fcwienu73gvz/Screenshare%20-%202023-01-10%209_29_28%20AM.mp4?dl=0  


If I downgrade Syncfusion packages to 20.3.0.61 it stars working. Two of my colleagues have tried the sample without any modification and it does not work for them either. It stars working after downgrading packages.


Best regards,

David



LD LeoLavanya Dhanaraj Syncfusion Team January 12, 2023 04:33 PM UTC

David, We have validated your reported issue (Sidebar toggle no longer working in version 20.4 when type is set to "Over") in the Blazor Sidebar component. The CloseOnDocumentClick property is used to specify whether the sidebar needs to be closed or not when the document area (Main Content) area is clicked. In your sample, you have enabled the CloseOnDocumentClick property and set the value to true. This is the cause of the reported issue. To overcome the issue, you need to remove the property at your end. For your reference, we included the sample with the latest version (20.4.43).


Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/SidebarWASM6.0878213452.zip


Regards,

Leo Lavanya Dhanaraj



DD David Drapela January 13, 2023 08:26 AM UTC

Hi, thank you for suggesting the workaround, I can confirm that it now works. However, I think that the sidebar type "Over" is useful for mobile devices where  CloseOnDocumentClick property set to true makes sense. Due to the fact that this combination used to work in previous minor version 20.3. I think that it should be considered as a bug and possibly fixed in the future. 

Thank you for your help.


Best regards,

David



IL Indhumathy Loganathan Syncfusion Team January 16, 2023 10:36 AM UTC

Hi David,


We have already considered the issue with the Sidebar component a bug on our end. The fix for this issue will be included in any of our weekly patch release. You can track the status of the issue's fix using the following feedback link:


Feedback: https://www.syncfusion.com/feedback/40386/need-to-fix-the-closeondocumentclick-property-issue-in-the-blazor-sidebar


Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.


Regards,

Indhumathy L


Marked as answer

MW Muhammad Waqas January 19, 2023 06:25 AM UTC

Facing the same issue Balzor WASM CloseOnDocumentClick, Works fine in version 20.3.0.61 start making problem from  20.4.0.40



LD LeoLavanya Dhanaraj Syncfusion Team January 23, 2023 08:12 AM UTC

Muhammad, We can reproduce the mentioned issue(CloseOnDocumentClick property does not work) in Blazor WASM. The fix for this issue will be included in any of our weekly patch release. You can track the status of the issue's fix using the following feedback link:


Feedback: https://www.syncfusion.com/feedback/40386/need-to-fix-the-closeondocumentclick-property-issue-in-the-blazor-sidebar


Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.


Regards,

Leo Lavanya Dhanaraj


Loader.
Up arrow icon