Sidebar act as overlay?

I want to know if it is possible for the streamlit sidebar to be an overlay (meaning it won’t affect the main content container), or if I have to create my own custom react component.

I use the sidebar as a naviguation menu, and it lags quite a bit visualy upon expansion and collapse due to all the visuals having to re-size. I am looking to fix that, and I think making the sidebar an overlay that doesnt affect the main content of each page would remedy this issue.

This is not configurable at this time (though some change in behavior happens on narrow screens/mobile view).

If you want an overlay, st.dialog can do that, or you can make a custom component as you’ve mentioned.