I have a question regarding tab selected index. I am using an AuthorizeView with policies for displaying RadzenTabsItem. I have one for HR to see everything, I have one for managers, and a tab for the employee themselves. The issue is when I use the code below, the third tab (Employee) is the one that loads as selected after rendering is complete and has an index of 0. When testing I see the index sequence for the tabs is 1,2,0. So setting selectedIndex = 0 does not help.
Depending on the type of person that is loading the page, they may see either 1, 2, or all 3 tabs. How can I ensure that the first tab as displayed on the page is the one that is always selected?
<RadzenTabs @ref="tabs" @bind-SelectedIndex="selectedIndex">
<Tabs>
@* HR View *@
<AuthorizeView Policy="@Policies.IsHrUser">
<Authorized>
<RadzenTabsItem Text="All Employee Evaluations" >
<RadzenDataGrid
...
</RadzenDataGrid>
</RadzenTabsItem>
</Authorized>
</AuthorizeView>
@* Manager View *@
<AuthorizeView Policy="@Policies.IsManager">
<Authorized>
<RadzenTabsItem Text="Employee Evaluations">
<RadzenDataGrid
...
</RadzenDataGrid>
</RadzenTabsItem>
</Authorized>
</AuthorizeView>
@* Employee View *@
<RadzenTabsItem Text="Your Evaluations">
<RadzenDataGrid
...
</RadzenDataGrid>
</RadzenTabsItem>
</Tabs>
</RadzenTabs>