st.write: allow setting bounding box for output (or new scroll box widget)

[JohnReid]

Problem

I have a large nested dictionary of data I wish to present in my streamlit application. However I don't wish to have it take up much of the application's screen area as the user's attention should be on a related image. Ideally I would like the user to be able to scroll to the relevant part of the data whilst keeping the image on screen.

Solution

Add a scroll box widget (of fixed width and height perhaps) to streamlit into which I can place my data structure.

---

Community voting on feature requests enables the Streamlit team to understand which features are most important to our users.

If you'd like the Streamlit team to prioritize this feature request, please use the 👍 (thumbs up emoji) reaction in response to the initial post.

[nthmost]

Hey @JohnReid ,

Thanks for the feature suggestion! I do think this would be a neat ability to give people when they display data.

Just so we understand where you're coming from -- are you simply doing st.write on all of the data in question?

If that's your approach, then I'm thinking we could implement keyword-based controls in st.write that set the boundaries of the text box and use the CSS overflow property to let the browser create scroll bars.

[JohnReid]

Hi @nthmost, yes I am doing a st.write and your solution sounds simpler and better :). I don't know anything about CSS overflow but I could probably work that out.
Thanks!

[inspectorG4dget]

Can such scrolling be added to not just st.write, but also to all container types?

[antopj]

Big Thanks for streamlit !

@nthmost
I wish we had the option to make all text elements/display elements were scrollable.

Long output texts, Long list of checkboxes, buttonlists, etc..

[jrieke]

I think we would solve this by the solution proposed in #2169. Closing here since that issue has more upvotes.