RadzenTabs, bug with invisible RadzenTabsItem selection with TabRenderMode.Client (tab title)

Hi, i am truing to hide one of tab with TabRenderMode.Client but it don`t work korekt.

code:

<RadzenButton Click="ChangeTabVisible" Text="Change tab visible"/>

<RadzenTabs RenderMode="TabRenderMode.Client" Style="height: 100%;">
    <Tabs>
        <RadzenTabsItem Text="1">Tab1</RadzenTabsItem>
        <RadzenTabsItem Text="2" Visible=@isVisible>Tab2</RadzenTabsItem>
        <RadzenTabsItem Text="3">Tab3</RadzenTabsItem>
        <RadzenTabsItem Text="4">Tab4</RadzenTabsItem>
    </Tabs>
</RadzenTabs>

@code{
    private bool isVisible = true;

    private void ChangeTabVisible()
    {
        isVisible = !isVisible;
    }
}

If I don't stay on the first tab > hide the tab, tab title will moved to the first position, the tab body still displays the correct content.

example:
image
image
image

is it possible not to move tab title?

Fix will be part of our next update later today!

1 Like