Hello,
I am encountering an issue with my Streamlit application[Chatbot] , where a blank page randomly appears for a random query. I’ve tried using the dataFrameSerialization = “legacy” approach, but the issue persists. When inspecting the page, the errors I’m seeing look like the following:
TypeError: Cannot read properties of undefined (reading ‘vertical’)
at Di (main, 1661a802.js:2:4213879)
at wa (main. 1661a802.js:2:2230016)
at wl (main.1661a802.js:2:2287129)
at ze (main.1661a802.js:2:2276235)
at Oc (main.1661a802.js:2:2276163)
at Mc (main. 1661a802.js:2:2276026)
at cc (main, 16612802.js:2:2273142)
at Uo (moin. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main.1661a802.js:2:2220755)
Uncaught TypeError: Cannot read properties of undefined (reading ‘vertical’)
at Di (main. 1661a802.js:2:4213879)
at wa (main.1661a802.js:2:2230016)
at wl (moin.1661a802.js:2:2287129)
at zc (main.16618802.js:2:2276235)
at Oc (main. 1661a802.js:2:2276163)
at Mc (main.1661a802.js:2:2276026)
at cc (main.1661a802.js:2:2273142)
at Uo (main. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main, 1661a802.js:2:2220755)
Any insights on how to address this would be greatly appreciated.
Thanks for reaching out!. I am unable to share the repository outside of my organization. If there’s anything specific you’d like to know or if you have any suggestions based on the error message provided, I’d be happy to discuss further.
It’s a bit difficult to diagnose the issue without seeing the code, but there doesn’t seem to be anything obvious in the error trace you’ve provided.
To proceed by elimination, it might be helpful to try deploying the app and checking the Streamlit version in your requirements.txt file to ensure it’s the correct one.
I am encountering this issue[showing the blank page] in local and deployed one also.
even I checked the backend logs in both[local and deployed] its working fine, I mean there are no errors and interrupts.
when I inspect the black page, able to see these kind of errors
TypeError: Cannot read properties of undefined (reading ‘vertical’)
at Di (main, 1661a802.js:2:4213879)
at wa (main. 1661a802.js:2:2230016)
at wl (main.1661a802.js:2:2287129)
at ze (main.1661a802.js:2:2276235)
at Oc (main.1661a802.js:2:2276163)
at Mc (main. 1661a802.js:2:2276026)
at cc (main, 16612802.js:2:2273142)
at Uo (moin. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main.1661a802.js:2:2220755)
Uncaught TypeError: Cannot read properties of undefined (reading ‘vertical’)
at Di (main. 1661a802.js:2:4213879)
at wa (main.1661a802.js:2:2230016)
at wl (moin.1661a802.js:2:2287129)
at zc (main.16618802.js:2:2276235)
at Oc (main. 1661a802.js:2:2276163)
at Mc (main.1661a802.js:2:2276026)
at cc (main.1661a802.js:2:2273142)
at Uo (main. 1661a802.js:2:2213737)
at rc (main.1661a802.js:2:2270229)
at Object.enqueueSetState (main, 1661a802.js:2:2220755)
Hi @Charly_Wargnier@user11 I’m also having the same issue with the same type error message. Did you have a chance to find the reason and fix this error? Any comment would be grateful!
Hi @Charly_Wargnier I’ve downgraded to 1.26.0 and now that JS failing error is gone. I think the streamlit dev team should know about these issues for the version >=1.32.0, as I’ve seen several discussion posts talking about this issue TypeError: Cannot read properties of undefined (reading ‘vertical’) but nobody found the solutions yet.
Thanks @mleeee, but as requested, I think it would be helpful if you could share your repo so we could diagnose further. Hopefully, this is something you can do?
It does occur in a more complex structure of tabs that contain expander components with quite some content. Not sure if it could have something to do with loading or the nested structure of components?
Anyway, I can not consistently reproduce it myself. Sometimes it crashes after 2 clicks, than 5 clicks, etc…
The time that I wait between clicks also does not seem to have any influence. Sometimes it does also crash after I wait for 10s to retrieve the next content. (Content is loaded from session states)
No error messages from streamlit in the terminal. Only error message I have is in the image.
I’m also having the same problem (Streamlit 1.32.2). Like others have been saying:
The error is not easily reproducible.
It seems to be related to more complex layout, maybe due to nested columns, or tabs with heavy content, it’s hard to tell.
I cannot share my code, but I can show a little gif of the error occurring:
The page goes blank after I select “Origem” and the console says:
As you can see, I have 3 main columns (the second one being just a separator), and the first has multiple columns within. I don’t know if this helps streamlit devs to pinpoint the error.
This bug also occurred in 1.36.0 and can be 100% replicated in my project. I tried to write an example code, but I couldn’t reproduce the problem. It seems that this problem is a bit difficult to handle.
@Charly_Wargnier I encountered another error while trying to write sample code about this error, and I am not sure if it is related to the error mentioned earlier.
Python==3.12.3
streamlit==1.36.0
Here is my code:
import streamlit as st
dataframe_settings_all = {
'database': ['table1', 'table2', 'table3'],
'file': ['file1.csv', 'file2.csv'],
'sql': ['select * from table']
}
with st.sidebar:
select = st.selectbox('select_app', ['app1', 'app2'])
st.divider()
check1 = st.checkbox('database')
check2 = st.checkbox('file')
check3 = st.checkbox('sql')
upload_files = st.file_uploader(label='upload file:', accept_multiple_files=True, type=["csv", 'xlsx', 'xls'],
help='upload data file', label_visibility='visible')
tab_list = []
dataframe_settings = {}
if check1:
tab_list.append("database")
dataframe_settings['database'] = dataframe_settings_all['database']
if check2:
tab_list.append("file")
dataframe_settings['file'] = dataframe_settings_all['file']
if check3:
tab_list.append("sql")
dataframe_settings['sql'] = dataframe_settings_all['sql']
if select == 'app1':
st.write('app1')
with st.expander("About"):
st.write("XXXXXXX")
text = st.text_input("input text：")
elif select == 'app2':
with st.expander("About"):
st.write("YYYYYYYY")
if len(tab_list) > 0:
tab_objs = st.tabs(tab_list)
tab_dict = {k: v for k, v in zip(tab_list, tab_objs)}
for dataframe_type, dataframe_setting in dataframe_settings.items():
if len(dataframe_setting) == 0:
continue
with tab_dict[dataframe_type]:
for i, name in enumerate(dataframe_setting):
with st.expander(name, expanded=i == 0):
st.write(f'{dataframe_type}: {name}')
else:
st.error('Please select at least one type of data source.')
st.write(f'you checked tabs: {tab_list}')
Reproduction steps:
Check ['database ‘,’ file '] on the left side
Then select app 1 and app 2 repeatedly in the “select app” (it doesn’t seem to have much to do with the speed of switching), switching about 10 times
An error will occur
Thanks for stopping by! We use cookies to help us understand how you interact with our website.
By clicking “Accept all”, you consent to our use of cookies. For more information, please see our privacy policy.
Cookie settings
Strictly necessary cookies
These cookies are necessary for the website to function and cannot be switched off. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms.
Performance cookies
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us understand how visitors move around the site and which pages are most frequently visited.
Functional cookies
These cookies are used to record your choices and settings, maintain your preferences over time and recognize you when you return to our website. These cookies help us to personalize our content for you and remember your preferences.
Targeting cookies
These cookies may be deployed to our site by our advertising partners to build a profile of your interest and provide you with content that is relevant to you, including showing you relevant ads on other websites.
