When toggling the appearance of my .NET 9 Blazor web app using the RadzenAppearanceToggle, all icons (RadzenIcon) disappear for about a second before automatically reloading. For this second the icons are displayed as text.
Steps to reproduce
- I created a new Blazor .NET 9 web app project (InteractiveAuto, with default pages)
- I followed the Radzen Get-Started instructions
- I added two RadzenComponents to the
Home.razor
<RadzenAppearanceToggle />
<RadzenIcon Icon="home" />
- After starting the website and clicking the
RadzenAppearanceTogglethe “home” icon is displayed as text. After about a second it will again be displayed as expected.
After a second:
My temporary solution is to include the material icons directly
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/iconfont/material-icons.min.css">
and override the radzen icon font variable to use these icons:
:root {
--rz-icon-font-family: 'Material Icons';
}
(The default value of --rz-icon-font-family is Material Symbols.)
Is there a better way to overcome this issue?