Keep st.form always at the bottom of the page

Using Streamlit
1

Summary

Hello. I would like to keep my st.form component, with a textbox and a button, always at the bottom of the page and always visible. This means that if I’m scrolling the page, it should not be hidden, but always visible, like this form for creating a new Topic

Is it possible?

Steps to reproduce

Code snippet:

import streamlit as st

first_component = st.container()
second_component = st.container()

with first_component:
   st.write(This is a long text)
with second_component:
   with st.form("form", clear_on_submit=True):
      st.text_area(
            "My Text Area",
            placeholder="Enter your prompt here:",
            height=100
        )

     st.form_submit_button("Run")

If applicable, please provide the steps we should take to reproduce the error or specified behavior.

Expected behavior:

Every time the page is scrollable (up and down), the form remains fixed at the bottom of the page (not scrollable)

Actual behavior:

Every time the page is scrollable (up and down), the form will be hidden if I’m scrolling up

Debug info

  • Streamlit version: Streamlit, version 1.21.0
  • Python version: (get it with $ Python 3.8.13)
  • Using Conda? PipEnv? PyEnv? Pex? Conda
  • OS version: Ventura 13.1.1
  • Browser version: Firefox 113.0
2

I also have this problem. Have you found any workaround?

3

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.