Streamlit app working fine locally but on deploying it is opening without CSS

Github URL: GitHub - Tejas320/Whatsapp_chat_analysis
Streamlit app URL: https://whatsapp-chats-analysis-project.streamlit.app/
When opening app directly from Github, it is displaying without any CSS applied. But on copy-pasting the app URL on another tab, it is working fine.
Python version used: 3.7.0
streamlit version used: 1.23.1
On inspecting the page, no issues are detected. Don’t know what is happening?

Hi! What do you mean by “opening app directly from GitHub”? Can you share a screen recording?

Sure here is a link to the video:

I was able to reproduce following the same steps, i.e., clicking the link in the README.md file on the github repo. It seems to be an issue with chromium-based browsers because this does not happen with Firefox, but it does on MS Edge.

I have tried with Firefox as well. It is showing the same result. But on copying the app URL and opening on a new tab, the app is working fine. Not working by directly clicking the link in README.md file.

Hi! It definitely looks like a bug. I think you are served the content that is served for crawlers like GoogleBot. I have filed an issue, but it might take us a while until we can resolve it.

Random experiment: does this still happen if you add something to the main body of the app before the if block? For example, replacing st.sidebar.title('Whatsapp Chat Analyzer') with st.title('Whatsapp Chat Analyzer').

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.