Skip to content

Fixed blazor toolkit chart rendering issue in SSR - #66

Merged
PrinceOliver merged 3 commits into
mainfrom
1052437-SSR
Sep 12, 2026
Merged

Fixed blazor toolkit chart rendering issue in SSR#66
PrinceOliver merged 3 commits into
mainfrom
1052437-SSR

Conversation

@Yokesh-SF4393

@Yokesh-SF4393 Yokesh-SF4393 commented Sep 3, 2026

Copy link
Copy Markdown
Collaborator

Description

With Blazor interactivity set to none (Static SSR), Syncfusion charts did not render correctly or at all. Interactive modes were fine. Static SSR has no OnAfterRenderAsync or reliable DOM measurement. Layout and child renderers depended on post-render hooks and JS, so the first (and only) server pass never finished size, series, axis, or decoration rendering.

Key Changes

Detect SSR via IsStaticServerRendering(), set default SVG size (e.g. 600×450), run layout through SetDefaultRendererValues / HandleChartSizeChange from BuildRenderTree / Prerender, and keep all interactive-only behavior behind SSR checks.

Files Affected

Charts

  • src/Components/Charts/Chart/Renderer/SeriesRenderers/BaseRenderers/SeriesContainer.cs
  • src/Components/Charts/Chart/Renderer/SeriesRenderers/MarkerRenders/ChartMarkerRenderer.cs
  • src/Components/Charts/Chart/Renderer/StriplineRenderer/ChartStriplineContainer.cs
  • src/Components/Charts/Chart/Renderer/StriplineRenderer/ChartStriplineRenderer.cs
  • src/Components/Charts/Chart/Renderer/ChartElementRenderer.cs
  • src/Components/Charts/Chart/Series/Marker/ChartMarker.cs
  • src/Components/Charts/Chart/SfChart.razor.cs
  • src/Components/Charts/Common/ChartUtils/ChartHelper.cs

Samples & Tests

  • Sample pages under samples/Blazor.Toolkit.Samples.Client/... (tested charts samples)
  • Playwright samples and specs under tests/Syncfusion.Blazor.Playwright.Test/... (Charts)

@github-actions

github-actions Bot commented Sep 3, 2026

Copy link
Copy Markdown

CI Summary

Job Status
bUnit (.NET 8 / 9 / 10) ✅ Passed
Playwright ✅ Passed
NuGet vulnerability scan ✅ Passed
ESLint security ✅ Passed
XSS / unsafe markup scan ✅ Passed

Overall: ✅ All checks passed

@github-actions

github-actions Bot commented Sep 3, 2026

Copy link
Copy Markdown

CI Summary

Job Status
bUnit (.NET 8 / 9 / 10) ✅ Passed
Playwright ✅ Passed
NuGet vulnerability scan ✅ Passed
ESLint security ✅ Passed
XSS / unsafe markup scan ✅ Passed

Overall: ✅ All checks passed

@Yokesh-SF4393 Yokesh-SF4393 changed the title 1052437: Fixed blazor toolkit chart rendering issue in SSR Fixed blazor toolkit chart rendering issue in SSR Sep 11, 2026
@github-actions

Copy link
Copy Markdown

CI Summary

Job Status
bUnit (.NET 8 / 9 / 10) ✅ Passed
Playwright ✅ Passed
NuGet vulnerability scan ✅ Passed
ESLint security ✅ Passed
XSS / unsafe markup scan ✅ Passed

Overall: ✅ All checks passed

@PrinceOliver
PrinceOliver merged commit 1133cd4 into main Sep 12, 2026
18 of 20 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants