streamlit: st.tabs() error with interactive widgets

Summary

Assume that you have multiple (at least two) tabs. When you select something from a tab that is not the first one, it redirects you to the first tab. This only happens the very first time. Also, you see that any selection made is still there though.

Steps to reproduce

Code snippet:

import streamlit as st

tab_a, tab_b, tab_c = st.tabs(["Tab-A", "Tab-B", "Tab-C"])
    with tab_a:
        toggle_a = st.radio(label="toggle_a", options=["1a", "2a", "3a"], key="unique-a")
    with tab_b:
        toggle_b = st.radio(label="toggle_b", options=["1b", "2b", "3b"], key="unique-b")
    with tab_c:
        toggle_c = st.radio(label="toggle_c", options=["1c", "2c", "3c"], key="unique-c")

If applicable, please provide the steps we should take to reproduce the bug:

1. Go to Tab-B or Tab-C
2. Click on any radio button under Tab-B or Tab-C

Expected behavior: No UI changes when you select something from a widget in any of the tabs.

Actual behavior:

https://user-images.githubusercontent.com/33048832/179844873-aaafc516-1430-43dc-b30d-aa81719f1d39.mov

Is this a regression?

No

Debug info

• Streamlit version: 1.11.0
• Python version: 3.8.12
• Using Conda
• OS version: macOS Monterey V12.4 and python:3.8-slim-buster (Debian GNU/Linux 10)
• Browser version: Safari Version 15.5