Resizing sidebar scrolls page to the top

[johndoe]

Hello everyone! I have noticed resizing the sidebar with your mouse forces scrolling to the top of the page, though the app itself apparently does not get restarted (judging by the ‘app rerun’ prints). Below is a minimum code example demonstrating this issue. Is there a way to prevent this or a workaround? Thank you in advance!

Streamlit version: 1.29.0

import streamlit as st

print('app rerun')

with st.sidebar:
    st.write('Hi')

st.write('hello ' * 1000)

[dataprofessor]

Hi @johndoe

I have tried and adjusting the sidebar width with the mouse does indeed trigger a page scroll to the top. Perhaps you’d like to file a GitHub issues here:

Issues · streamlit/streamlit

Or, alternatively you’d might want to adjust the sidebar width so that the user would not need to:

Specify sidebar width

You could try using custom CSS for sure. Be mindful that the structure of the HTML or the class names can change at any time so the following method might not work in the future. import streamlit as st # Inject custom CSS to set the width of the sidebar st.markdown( """ <style> section[data-testid="stSidebar"] { width: 500px !important; # Set the width to your desired value } </style> """, unsafe_allow_html=True, ) # Example sidebar content st.…

Hope this helps!

[johndoe]

Hi @dataprofessor, thanks a lot for your reply! Just opened a GitHub issue for this (Resizing sidebar scrolls page to the top · Issue #7830 · streamlit/streamlit · GitHub). Would prefer not to fix the sidebar width, but will keep this option in mind!