Just updated with the latest blazor components version 9 .. I notice the all the sub item in the RadzenPanelMenuItem component not expanding if you more then two layer deep.
Our demos are using PanelMenu for navigation and can normally expand more than two levels:
Here is also what I’ve tried and it worked normally:
The menu was normally working expanding more then two level deep. But when I update the component to version 9, it no longer working anymore. Then when I roll back to version 8.7.5 its working again.
Hi @kieuale,
We need a reproduction of the issue you are observing. You can create a runnable snippet in the playground and share it with us: Playground | Radzen Blazor Components
I did some testing. The breakage is only when you added Path=”page” property.to the nested menu item. If you do not set the “Path” it will expand normally, but when you add “Path” to a navigate to a page it will not expend any more. This only happen on version 9. When I roll back to version 8.7.5 it work.
Usually Path should be defined only on the last level items not on expandable parents.
It was working before on version 8.7.5, even though the Path is set. you are able to click on the down arrow icon and it will expand the next menu item level. Now on version 9, it just navigate to the Path page and stop expanding.
We removed the ability for that because of interactive elements nested inside a link accesibility violation. The clickable arrow icon (i) lives inside a NavLink. Nested interactive elements (-like behavior inside ) are problematic for screen readers and keyboard users, and are generally discouraged. Still, if you believe this is a must for your app you can set custom Template with desired behavior.
Thank you. Will roll back for now and plan for new menu layout based on what’s available on this release.