I am building a chatbot by using chatgpt3.5 and streamlit app. I am able to put Input text (text_input) at bottom of screen. But as text queries grows my input text area also goes down. Frontend code for streamlit_chat st-chat/stChat.tsx at main · AI-Yash/st-chat · GitHub Here is the code: impor…

Haven’t personally found a good way to keep a container size fixed. This is why in my application, I kept the user text message box on top, and render the chat messages below (starting from most recent). Also, seems a bit excessive for you to keep user messages and AI responses in separate lists. Y…

@piam Have you got a solution for this scrolling issue. Even for me, I need to scroll manually

This worked for me # Chat messages in styled container chat_html = _build_chat_html(qid) st.session_state.scroll_counter += 1 st.markdown(f""" <div class="tutor-chat-box"> {chat_html} </div>""", unsafe_allow_html=True) # Auto-scroll chat to bottom (dummy variable forces Streamlit t…

How to enable scroll for streamlit_chat keeping input box at same position

Custom Components

bsalita July 9, 2023, 11:58pm 4

I just posted a minimal example which demonstrates scrolling openai and Whatsapp style, amongst other chat features. ChatGPT Style Example SOTA

Topic		Replies	Views
How to prevent auto scrolling to the bottom Using Streamlit discussion , ui	2	597	November 29, 2024
Autoscroll in chat Using Streamlit chatgpt , llms , discussion	1	1878	May 1, 2024
Need help with the automatic scroll down to see the latest result of conversation Using Streamlit session-state , debugging	6	814	June 24, 2025
How to place text box to the bottom? Custom Components text-input	12	16942	February 11, 2025
Adding a scroll to the chatbot streamlit-aggrid	1	3696	June 29, 2023

How to enable scroll for streamlit_chat keeping input box at same position

Related topics