RadzenChart creates deadlock #220

New Issue

claunia · 2026-01-29T17:33:35Z

claunia commented

2026-01-29 17:33:35 +00:00

Originally created by @MarvinKlein1508 on GitHub (Oct 6, 2021).

Describe the bug
The RadzenChart will create a deadlock OnMouseOver when you have not specified Tooltips or disabled them.

To Reproduce
Consider this example code:

<RadzenChart Style="width: 100%"
            MouseEnter="@(async () => { await  jsRuntime.ShowToast(ToastType.warning, "Test Enter"); })"
            MouseLeave="@(async () => { await  jsRuntime.ShowToast(ToastType.warning, "Test Leave"); })">
    @foreach (KeyValuePair<int, Jahresumsatz> umsatz in Verbrauchsdaten)
    {
        <RadzenLineSeries Smooth="true" Data="@umsatz.Value.ToDataItem(umsatz.Key)" Title="@String.Format(LabelText, umsatz.Key)" CategoryProperty="Month" LineType="LineType.Solid" ValueProperty="Revenue">
            <RadzenMarkers MarkerType="MarkerType.Square" />
        </RadzenLineSeries>
    }
    <Radzen.Blazor.RadzenCategoryAxis FormatString="{0:MMM}" Step="1" Formatter="@FormatAsMonth" />
    <RadzenValueAxis FormatString="@ValueFormat">
        <RadzenGridLines Visible="true" />
        <RadzenAxisTitle />
    </RadzenValueAxis>
</RadzenChart>

This chart shows revenue on a monthly base. When I trigger the MouseOver event, the custom EventCallback is being executed just fine. After it has finished the application is frozen. When I add this line to my RadzenChart
<RadzenChartTooltipOptions Visible="false" /> everything works as expected then.

Desktop (please complete the following information):

OS: Windows 10 Pro 21H1
Tested in Chrome and Firefox
All up-to-date

Additional context
This can be fixed by reloading the entire webpage. However once you mouse with the mouse over the chart again, it results in another deadlock.

Originally created by @MarvinKlein1508 on GitHub (Oct 6, 2021). **Describe the bug** The RadzenChart will create a deadlock OnMouseOver when you have not specified Tooltips or disabled them. **To Reproduce** Consider this example code: ``` <RadzenChart Style="width: 100%" MouseEnter="@(async () => { await jsRuntime.ShowToast(ToastType.warning, "Test Enter"); })" MouseLeave="@(async () => { await jsRuntime.ShowToast(ToastType.warning, "Test Leave"); })"> @foreach (KeyValuePair<int, Jahresumsatz> umsatz in Verbrauchsdaten) { <RadzenLineSeries Smooth="true" Data="@umsatz.Value.ToDataItem(umsatz.Key)" Title="@String.Format(LabelText, umsatz.Key)" CategoryProperty="Month" LineType="LineType.Solid" ValueProperty="Revenue"> <RadzenMarkers MarkerType="MarkerType.Square" /> </RadzenLineSeries> } <Radzen.Blazor.RadzenCategoryAxis FormatString="{0:MMM}" Step="1" Formatter="@FormatAsMonth" /> <RadzenValueAxis FormatString="@ValueFormat"> <RadzenGridLines Visible="true" /> <RadzenAxisTitle /> </RadzenValueAxis> </RadzenChart> ``` This chart shows revenue on a monthly base. When I trigger the MouseOver event, the custom EventCallback is being executed just fine. After it has finished the application is frozen. When I add this line to my RadzenChart `<RadzenChartTooltipOptions Visible="false" />` everything works as expected then. **Desktop (please complete the following information):** - OS: Windows 10 Pro 21H1 - Tested in Chrome and Firefox - All up-to-date **Additional context** This can be fixed by reloading the entire webpage. However once you mouse with the mouse over the chart again, it results in another deadlock.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#220