Conflict with Bootstrap 5.2

[Roman]

In my project I use Syncfusion.Blazor and also original Bootstrap 5.2 (https://getbootstrap.com/docs/5.2/getting-started/download/).

I've noticed that when I use SfAccumulationChart control, there is a conflict with Bootstrap js file.

I've uploaded a sample project to reproduce the issue:

1. Open project in VS and run it
2. On the Index page you see syncfusion chart. Now please restore the window or open Developer Console (basically you need to change a size of the web browser)
3. Chart should gone now. When you open Developer Console you will see this error:

blazor.server.js:1 Uncaught (in promise) TypeError: Converting circular structure to JSON

    --> starting at object with constructor 'Window'

    --- property 'window' closes the circle

    at JSON.stringify (<anonymous>)

    at D (blazor.server.js:1:5362)

    at w (blazor.server.js:1:2155)

    at C.invokeMethodAsync (blazor.server.js:1:4014)

    at syncfusion-blazor.min.js:9:7565

I've discovered that the problem is Bootstrap js file added to the _Layout.cshtml file:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>

If I remove it, there is no this problem anymore

Bootstrap 5 is used by many web applications so probably Syncfusion shouldn't conflict with it

If you need more info, please let me know

Attachment: BlazorApp4_3722c4d0.zip

[Durga Gopalakrishnan]

Hi Roman,

Greetings from Syncfusion.

We have considered your reported scenario as bug and logged a defect report for this issue. This fix will be available in our weekly patch release which is scheduled to be rolled out on 3^rd January 2023. We appreciate your patience until then. You can keep track of the bug from the below feedback link.

Feedback Link :  https://www.syncfusion.com/feedback/39874/bootstrap-reference-throws-exception-while-resizing-window

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.

Regards,

Durga Gopalakrishnan.

[Durga Gopalakrishnan]

Hi Roman,

We are glad to announce that our v20.4.0.42 patch release is rolled out; we have added the fix for reported issue. You can use the latest Syncfusion.Blazor.Charts NuGet package.

NuGet Package : https://www.nuget.org/packages/Syncfusion.Blazor.Charts/

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,

Durga Gopalakrishnan.

[Sven H]

Hi,

I'm using a SfStockChart (version 32.1.25) and when the stock chart needs to be resized, I'm getting the exact same error as Roman did with the SfAccumulationChart:

It works fine when I remove this reference to bootstrap in my App.razor file:

<script src="@Assets["lib/bootstrap/dist/js/bootstrap.min.js"]"></script>

Regards

Sven

[Durga Gopalakrishnan]

Sven,

We have considered your reported scenario as bug and logged a defect report for the issue ”Exception while resizing stock chart with bootstrap reference”. This fix will be available in our weekly patch release which is scheduled to be rolled on 17^th February 2026. We appreciate your patience until then. You can keep track of the bug from the below feedback link.

Feedback Link : https://www.syncfusion.com/feedback/72578/exception-while-resizing-stock-chart-with-bootstrap-reference

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.

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.”

[Durga Gopalakrishnan]

Sven,

We are glad to announce that our v32.2.5 patch release is rolled out; we have added the fix for reported issue. You can use the latest Syncfusion.Blazor.Charts NuGet package.

Root Cause :

In the StockChartResize no parameter was passed but script it passed with parameter event e.

Fix :

In the script I have the event e which is unnecessary.

NuGet Package : https://www.nuget.org/packages/Syncfusion.Blazor.Charts

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

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.