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
close icon

Changing ShowBackdrop property on Sidebar component


I have a property called Backdrop that is bound to ShowBackdrop property on SfSidebar component. If Backdrop property is set to true and then changed to false while the sidebar is opened the backdrop remains. It remains visible even if the sidebar is closed. This can be repeated if sidebar is closed and reopened. Backdrop is then being created multiple times. 

In my use case I change the Backdrop property via SfMediaQuery event - in smaller screen resolutions (on mobile devices) the backdrop is displayed and in desktop mode it should not be visible. The problem then occurs when resizing browser window.

I have included a demo and a video sample of this scenario (I have excluded the SfMediaQuery component to make it simple, Backdrop property is changed via checkbox). 

Thanks for your help.

Best regards,


Attachment: SidebarExample_878a2072.zip

1 Reply

SA SureshRajan Alagarsamy Syncfusion Team March 1, 2023 04:34 PM UTC

Hi David,

From your shared details we understand that you are facing issue while dynamically setting value for ShowBackDrop property in the Sidebar. We can reproduce your reported issue, and we have considered it a bug from our end. The fix for this issue will be included in our Volume 1, 2023 release which is expected to be rolled out by the mid of March.

Feedback : https://www.syncfusion.com/feedback/41674/while-dynamically-setting-value-for-showbackdrop-property-results-in-creating


Live Chat Icon For mobile
Up arrow icon