Skip to content

Fix Chart Runtime Exceptions, Button Group Multi-Selection, and Picker Input Validation - #116

Merged
Indhumathy-Loganathan merged 30 commits into
syncfusion:mainfrom
Yokesh-SF4393:release-alignment
Oct 22, 2026
Merged

Indhumathy-Loganathan merged 30 commits into
syncfusion:mainfrom
Yokesh-SF4393:release-alignment

Conversation

@Yokesh-SF4393

@Yokesh-SF4393 Yokesh-SF4393 commented Oct 19, 2026 •

Copy link
Copy Markdown
Collaborator

Root Cause of the Issue

  • Chart components were throwing runtime exceptions during component disposal when JavaScript module references were released after circuit disconnection, page refresh, or navigation.
  • ButtonGroup multi-selection was not working correctly for both mouse and keyboard interactions, causing selection state inconsistencies.
  • Picker components displayed an additional blue underline when invalid input values were entered, resulting in incorrect validation styling.
  • Chart data labels and stack labels in several demo samples retained dark text color in dark and high-contrast themes, making the labels not visible.
  • DatePicker Views sample used an incorrect Start and Depth combination, which prevented the intended calendar view behavior.

Description of Change

  • Added safe JavaScript module disposal handling in Chart components to prevent runtime exceptions during component teardown scenarios.
  • Fixed ButtonGroup selection handling to ensure multi-selection works correctly through both mouse and keyboard interactions.
  • Updated Picker component styles to remove the unwanted blue underline shown when invalid values are entered.
  • Updated chart demo samples to apply theme-based data label and stack label font colors so labels remain visible in dark and high-contrast themes.
  • Corrected DatePicker Views sample Start and Depth configuration and applied related sample-level cleanups.

Files Changed

Charts

  • src/Components/Charts/Chart/SfChart.razor.LifeCycle.cs
    • Added safe disposal logic for JS modules and handled disposal-related exceptions.

ButtonGroup

  • src/Components/Buttons/ButtonGroup/Button.razor
    • Updated label interaction handling.
  • src/Components/Buttons/ButtonGroup/Button.razor.cs
    • Fixed keyboard and selection behavior for ButtonGroup interactions.
  • src/Components/Buttons/ButtonGroup/SfButtonGroup.razor.cs
    • Added state synchronization and UI refresh handling.

Picker Components

  • src/Components/Calendars/DatePicker/SfDatePicker.razor.css
  • src/Components/Calendars/DateTimePicker/SfDateTimePicker.razor.css
  • src/Components/Calendars/TimePicker/SfTimePicker.razor.css
    • Updated invalid-input focus styles to remove the extra blue underline.

Chart Samples

  • samples/Blazor.Toolkit.Samples.Client/Pages/Demos/Charts/BubbleAndScatterCharts/ScatterChart/DataLabelDemo.razor
  • samples/Blazor.Toolkit.Samples.Client/Pages/Demos/Charts/ColumnAndBarCharts/BarChart/DataLabelDemo.razor
  • samples/Blazor.Toolkit.Samples.Client/Pages/Demos/Charts/ColumnAndBarCharts/BarChart/StackingLabelsDemo.razor
  • samples/Blazor.Toolkit.Samples.Client/Pages/Demos/Charts/ColumnAndBarCharts/ColumnChart/StackingLabelsDemo.razor
  • samples/Blazor.Toolkit.Samples.Client/Pages/Demos/Charts/LineCharts/SplineChart/DataLabelDemo.razor
    • Applied theme-based data label and stack label font colors for dark theme visibility.

Calendar Samples

  • samples/Blazor.Toolkit.Samples.Client/Pages/Demos/Calendars/DatePicker/ViewsDemo.razor
    • Corrected Start and Depth view configuration.
  • samples/Blazor.Toolkit.Samples.Client/Pages/Demos/Calendars/Calendar/SpecialDatesDemo.razor
  • samples/Blazor.Toolkit.Samples.Client/Pages/Demos/Calendars/DateTimePicker/DateTimeFormatDemo.razor
    • Applied sample-level text and format cleanups.

Issues Fixed

  • Fixed Chart runtime exceptions during component disposal.
  • Fixed ButtonGroup multi-selection not working with mouse and keyboard interactions.
  • Fixed extra blue underline displayed in Picker components when invalid input values are entered.
  • Fixed chart data labels and stack labels not visible in dark theme.
  • Fixed DatePicker Views sample Start and Depth configuration.

kaliraj2026 and others added 29 commits October 12, 2026 16:42
…model

Replace the obsolete manual CSS-link step with a note explaining that
SfThemeRoot auto-emits the shared theme layer at render time. The README
Manual Integration section is now four steps (package, services,
_Imports, example) and each skill's getting-started/setup section
points at SfThemeRoot instead of <link ... styles/fluent.min.css>. Also
fixes the one remaining stale domain namespace in skill docs
(using Syncfusion.Blazor; -> Syncfusion.Blazor.Toolkit; in inputs
getting-started).

Co-authored-by: Yokesh-SF4393 <[email protected]>
Per review feedback, replace the SfThemeRoot setup details (placement
rules, <SfThemeRoot /> mention, <style id="sf-theme-root"> verification,
'no toolkit component in tree' opt-in guidance) with a single sentence
in each affected doc:

    > Note — Separate CSS links are no longer required. The necessary
    > styles are automatically included through the NuGet package.

Affected: README, buttons getting-started, buttons icons-and-content,
calendars getting-started, inputs getting-started, notifications
spinner-implementation, popups dialog-basics, popups
tooltip-implementation. Also removed the now-vestigial 'Gotcha 2: Icon
Library Must Be Loaded' section in icons-and-content.

Co-authored-by: Yokesh-SF4393 <[email protected]>
…eadme-skill-docs-syncfusion

Align README and skill docs with Syncfusion.Blazor.Toolkit 2.0 theme …
… file upload, and update warnings as errors in source project.
@Indhumathy-Loganathan
Indhumathy-Loganathan merged commit a31e5f8 into syncfusion:main Oct 22, 2026
15 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.

5 participants