Ghost tabs remain if the tab contents take too long to compute

[mattminder]

Checklist

• I have searched the existing issues for similar issues.
• I added a very descriptive title to this issue.
• I have provided sufficient information below to help reproduce this issue.

Summary

I have an application where the amount of tabs depends on some user choice. If the user goes from a choice with more tabs to a choice with less tabs, the old, superfluous tabs remain until the page has completely loaded. Since my page takes quite some time to load, this is confusing to users - especially since the area isn't greyed out and the rest of the content has already be properly loaded.

Reproducible Code Example

import streamlit as st
import time

button = st.radio("How many tabs?", [5, 6])
tab_names = list(map(str, range(button)))


for tab in st.tabs(tab_names):
    with tab:
        st.header(f"you clicked button {button}")  

time.sleep(5)

Steps To Reproduce

No response

Expected Behavior

If the user goes from the choice that leads to more tabs to the choice with less tabs, one would expect the superfluous tabs to immediately disappear - not after the application has been loaded completely.

Current Behavior

After switching from the option with more tabs to the option with less tabs, only the new tabs are overwritten but the old tabs arent removed - not until the page has finished running.

Is this a regression?

• Yes, this used to work in a previous version.

Debug info

• Streamlit version: 1.24
• Python version: 3.10.9
• Operating System: Windows 10, using WSL with Ubuntu 20.04 LTS
• Browser: Firefox, Edge

Additional Information

No response

[carolinedlu]

Thanks for flagging this, @mattminder! Potentially related: Invisible tabs #5454