Accordions no longer expand/collapse after updating

Radzen.Blazor Components
1

I recently updated from 6.* to 8.0.4 and all my accordions stopped working. I also tried just the basic example in the in the demos and that does not work either. any help would be awesome.

My existing code:

@if (ViewModel.FeaturedAgents.Any()) { } 
                     @if (ViewModel.FavoriteAgents.Any())
                     {
                         <RadzenAccordionItem Text="Your Favorite Agents" Icon="favorite" Selected="true">
                             <AgentCard SearchResults="ViewModel.FavoriteAgents"/>
                         </RadzenAccordionItem>
                     }

                     @if (ViewModel.RecentAgents.Any())
                     {
                         <RadzenAccordionItem Text="Recent" Icon="schedule" @bind-Selected="@RecentSelected">
                             <AgentCard SearchResults="ViewModel.RecentAgents"/>
                         </RadzenAccordionItem>
                     }

                     @if (ViewModel.CodeAgents.Any())
                     {
                         <RadzenAccordionItem Text="Codes" Icon="filter_1" @bind-Selected="@CodesSelected">
                             <AgentCard SearchResults="ViewModel.CodeAgents"/>
                         </RadzenAccordionItem>
                     }

                     @if (ViewModel.MiscAgents.Any())
                     {
                         <RadzenAccordionItem Text="Misc." Icon="emergency" @bind-Selected="@MiscSelected">
                             <AgentCard SearchResults="ViewModel.MiscAgents"/>
                         </RadzenAccordionItem>
                     }
                 </Items>
             </RadzenAccordion>
         </div>
     </RadzenTabsItem>    
</Tabs>
</RadzenTabs>

The Demo example:

<div class="rz-p-sm-12">

    <RadzenAccordion Multiple="true">

        <Items>

            <RadzenAccordionItem Text="Orders" Icon="account_balance_wallet">

                Details for Orders

            </RadzenAccordionItem>

            <RadzenAccordionItem Text="Employees" Icon="account_box">

                Details for Employees

            </RadzenAccordionItem>

            <RadzenAccordionItem Text="Customers" Icon="accessibility">

                Details for Customers

            </RadzenAccordionItem>

        </Items>

    </RadzenAccordion>

</div>
2

Hi @asmussen,

This happens in case of stale theme CSS file. Check here https://blazor.radzen.com/changelog?theme=material3#v7-animations

3

Thank you! I got it working. Now I just need to get the icons toggle button looking right: Toggle buttons with filled and outline icons