Hello,

Let's Follow this in the first report I saw that reproduces this: https://feedback.telerik.com/blazor/1458630-combobox-does-not-show-selected-value-in-2-9-0-correct-item-and-value-are-selected-though

Regards,
Marin Bratanov
Progress Telerik

Hello,

The snippet below seems to work fine for me, could you modify it to showcase your setup and the problem?

The key things are:

• the tabs dispose old content, there is only one rendered tab (see more here) which may be disposing the data
• when using child components that repeat across tabs, new data is to be provided through OnParametersSet, or by using keys (read more at the very end of this article)

If the method that loads data is "async void" then the data may come back after an await call, but the method won't be waiting for that so the StateHasChanged() call will occur before you have the actual data, so it won't be rendered in the component. The usual solution to that is to use an "async Task" method, that will wait for the execution of awaited calls inside, so that at the end of the method the framework will update the UI with the data present.

@MyItem
<TelerikTabStrip>
    <TabStripTab Title="First">
        <TelerikDropDownList Data="@MyList" @bind-Value="@MyItem">
        </TelerikDropDownList>
    </TabStripTab>
    <TabStripTab Title="Second" Disabled="true">
        Second tab content. This tab is disabled and you cannot select it.
    </TabStripTab>
    <TabStripTab Title="Third">
        Third tab content.
    </TabStripTab>
</TelerikTabStrip>

@code {
    protected List<string> MyList = new List<string>() { "first", "second", "third" };

    protected string MyItem { get; set; } = "second";
}

Regards,
Marin Bratanov
Progress Telerik