[X] I added a very descriptive title to this issue.
[X] I have provided sufficient information below to help reproduce this issue.
Summary
After updating my environment to Streamlit 1.38. The st.sidebar button is no longer compatible with streamlet-navigation-bar, and cannot be clicked.
Reproducible code example
"""
Using streamlit==1.38.0
"""
import streamlit as st
from streamlit_navigation_bar import st_navbar
st.set_page_config(initial_sidebar_state='expanded')
page = st_navbar(pages=["Home", "Documentation", "Examples", "Community", "About"],
adjust=True,
options={'show_sidebar': True})
with st.sidebar:
st.write('test')
st.write(page)
Steps to reproduce
Update Streamlit to 1.38.0
Run code provided.
Expected behavior
I expect that the sidebar can be expanded and collapsed via the sidebar button.
Current behavior
I tested it with versions <=1.37 and it works perfectly. The bug seems to come from the css styling done by streamlit-navigation-bar. I noticed in 1.38 Streamlit changed the data-testids of some of their components so that broke the CSS styling.
It looks like in the the streamlet-navigation-bar files are using div[data-testid="collapsedControl"] but now in 1.38, Streamlit changed the name of the sidebar button to div[data-testid="stSidebarCollapseButton"]. So I think updating the data-testid should fix the issue.
Checklist
Summary
After updating my environment to Streamlit 1.38. The st.sidebar button is no longer compatible with streamlet-navigation-bar, and cannot be clicked.
Reproducible code example
Steps to reproduce
Expected behavior
I expect that the sidebar can be expanded and collapsed via the sidebar button.
Current behavior
I tested it with versions <=1.37 and it works perfectly. The bug seems to come from the css styling done by streamlit-navigation-bar. I noticed in 1.38 Streamlit changed the data-testids of some of their components so that broke the CSS styling.
It looks like in the the streamlet-navigation-bar files are using
div[data-testid="collapsedControl"]but now in 1.38, Streamlit changed the name of the sidebar button todiv[data-testid="stSidebarCollapseButton"]. So I think updating the data-testid should fix the issue.I attached a video of the bug as well.
https://github.com/user-attachments/assets/051dc048-73dd-4861-a912-3003b6565bcc
Is this a regression?
Debug info
Additional information
No response