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

Syncfusion Toolbar always starts in overflow mode when running application

Like the title says, we've been having this issue for a while where the SfToolbar at the top of our application will always start in overflow mode as if the window were sized for mobile.

Once the window size is made larger, it will stop overflowing and the toolbar works as normal.

When starting the application:

After window size change:


This is happening with OverflowMode set to both scroll and popup styles.

Any advice for how to debug this?

3 Replies

SR Swathi Ravi Syncfusion Team January 19, 2023 09:30 AM UTC


We suspect that the toolbar styles are loading after the component rendering is finished, so we suggest you to make sure the Toolbar styles are loaded before the component rendering.


Swathi Ravi

KW Kyle White February 2, 2023 05:14 PM UTC

Sorry for the delay, do you have any recommendations for approaching this problem? I am not sure how to verify when the styles are loading.

SR Swathi Ravi Syncfusion Team February 3, 2023 07:55 AM UTC


We require more additional details to check your reported problem at our end. Could you please share the below information to proceed further?

  • Where the toolbar styles are loaded in your project.
  • Share a snip of how it is referred to in your project.
  • Is the toolbar rendered separately or inside any other component?

For example: If the Toolbar is rendering within the dialog, you need to call the Toolbar's RefreshAsync method on the Dialog Opened event to resolve this.

Api: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfToolbar.html#Syncfusion_Blazor_Navigations_SfToolbar_RefreshAsync


Live Chat Icon For mobile
Up arrow icon