Streamlit v1.29.0 Interface Flashing on User Interaction

[yanxu117]

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

In the latest version of Streamlit, the user interface experiences a flashing effect whenever UI elements are clicked. This issue was not present in previous versions.

Reproducible Code Example

No response

Steps To Reproduce

Launch a Streamlit app using version v1.29.0.
Click on any UI element (e.g., button, dropdown).
Observe that the UI flashes.

Expected Behavior

The UI should remain stable and not flash when UI elements are interacted with, as it was in the previous versions of Streamlit.

Current Behavior

The UI flashes every time a user interacts with any UI element.

Is this a regression?

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

Debug info

Streamlit version: [v1.29.0]
Python version: [3.9.5]
Operating System: [Ubuntu 20.04]

Additional Information

No response

[github-actions]

If this issue affects you, please react with a 👍 (thumbs up emoji) to the initial post.

Your feedback helps us prioritize which bugs to investigate and address first.

[LukasMasuch]

@yanxu117 Thanks for reporting this issue! I cannot reproduce this flashing on my system. It might help if you could attach a video showing this behavior.

[yanxu117]

@LukasMasuch Thank you for your prompt response. I appreciate your effort in trying to replicate the issue. To clarify, the flashing behavior occurs specifically in scenarios where multiple tabs are used in the Streamlit app. Here's a more detailed description:

In the Streamlit app, I have created multiple tabs using the following code snippet:
tab1, tab2 = st.tabs(["Tab 1", "Tab 2"])
The UI flashing happens when I click on any of these UI elements within the tabs. This behavior is observed irrespective of the specific tab.
This issue does not arise when there is only a single tab in the app.

This problem seems to be tied to the multi-tab setup in the latest version of Streamlit. Unfortunately, I'm currently unable to provide a video, but I hope this description gives a clearer picture of the issue.

Thank you for looking into this matter.

[kmcgrady]

Are you referring to the following flicker observed in this video @yanxu117 ?

Screen.Recording.2023-12-18.at.3.05.36.PM.mov

[yanxu117]

Thank you so much for your insightful response! I'm grateful that you identified the issue regarding the flickering behavior in the Streamlit app when using multiple tabs. Your reference to the flicker observed in video perfectly aligns with the problem I've been facing.

I'm delighted to report that in the latest version of Streamlit, this issue has been resolved. It's a relief to see the multi-tab setup functioning smoothly without the UI flashing. Your assistance and the team's quick action in addressing this matter are deeply appreciated.

[LukasMasuch]

@yanxu117 Happy to hear that this resolved the issue :) And thanks again for reporting this!