I am trying to convert implement the TelerikTabStrip and was largly successful however I have a component that contains conditional logic that adds between 0 and 2 additional tabs to the parent components tabStrip. Unfortuately these tabs are not rendering correctly. I was able to replicate a minimum reproducable example in the blazor REPL environment using the following code. Are you able to advise how I can add tabs to a parents tabstrip, my two rendering issues are:
- When PersistTabContent is true (works as expected when false) the tabs don't render any content (I need the tabs to persist so turning it off isn't a good fix); and
- Regardless of if the tabs are persistant or not the subComponent tabs are still shown as "Active" and show the tabs as selected causing the appearence of multiple selected tabs
Main.razor
<TelerikTabStrip PersistTabContent="true">
<TabStripTab Title="tab1">
<p>tab1 content</p>
</TabStripTab>
<TabStripTab Title="tab2">
<p>tab2 content</p>
</TabStripTab>
<TabStripTab Title="tab3">
<p>tab3 content</p>
</TabStripTab>
<SubComponent />
</TelerikTabStrip>
SubComponent.razor
<TabStripTab Title="tab4">
<p>tab4 content</p>
</TabStripTab>
<TabStripTab Title="tab5">
<p>tab5 content</p>
</TabStripTab>
Screenshots:
initial render:
Clicking on tab 1, 2 or 3 works as expected:
clicking on 4 or 5 shows no content:
Then clicking back to 1, 2 or 3 shows 4 and/or 5 as still selected: