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

Conflict with Bootstrap 5.2

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:
  4. 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

    screen2.jpg

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

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/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

2 Replies

DG Durga Gopalakrishnan Syncfusion Team December 19, 2022 02:21 PM UTC

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 3rd 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.



DG Durga Gopalakrishnan Syncfusion Team January 5, 2023 11:53 AM UTC

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.


Loader.
Live Chat Icon For mobile
Up arrow icon