Invisible tabs

[samuelefiorini]

Summary

Unexpected tab behavior when their creation depends on some condition (e.g.: a checkbox).

Steps to reproduce

import streamlit as st

checkboxes = {k: st.checkbox(f"Checkbox {k}", value=True) for k in range(3)}

tabs = st.tabs([f"Tab {k}" for k, v in checkboxes.items() if v])

for tab, text in zip(tabs, checkboxes):
    with tab:
        st.write(f"Text {text}")

Steps to reproduce:

1. Switch to Tab 2
2. Click on Checkbox 1 (uncheck)

Expected behavior:

Move page focus to the left, to keep it on Tab 2.

Actual behavior:

Page focus is on some invisible tab on the right (see image below).

Debug info

• Streamlit version: 1.13.1
• Python version: 3.9.10
• Using Conda
• OS version: Windows 10
• Browser version: Chrome Version 105.0.5195.127 (Official Build) (64-bit)

Additional information

[LukasMasuch]

@samuelefiorini Thanks for reporting this issue. I was able to reproduce the issue here. This definitely requires a fix!