How do I run some code AFTER a tab has changed?

[devantler]

@stsrki
When i use the following method with the SelectedTabChanged event :

private async Task OnSelectedTabChangedAsync(string name)
    {
        _selectedTab = name;
        if (_selectedTab == "diagram")
        {
            await _cytoscapeViewer.RenderAsync().ConfigureAwait(false);
        }
    }

The tab is only changed after the Render is done. This is not what I want. I want the tab to change to the selected tab immediately and then run the render. How can I do this?

[devantler]

My problem was related to WASM being single-threaded. I found a hacky solution that gives the framework time to change the tab before it runs its UI blocking JSRuntime call, and thus gives me the expected result.

public async Task RenderAsync()
{
        IsLoading = true;
        StateHasChanged();
        await Task.Delay(100).ConfigureAwait(false); //Hack that fixes single-thread problem
        await Task.Run(() => JsRuntime.InvokeVoidAsync("CytoscapeViewer.render", JsonSerializer.Serialize(EcosystemState.Value.CurrentEcosystem)).ConfigureAwait(false)).ConfigureAwait(false);
        IsLoading = false;
        StateHasChanged();
}