How to make chat input big enough to show default text?

Community Cloud
,
1

When using mobile on a webapp with st.chat_input, the input field is not tall enough to see all the placeholder text (2 lines on mobile portrait mode.) Any thoughts on how to increase the height of that input field?

2

I filed this as a bug report: `st.chat_input` does not expand to accommodate a multiline placeholder like it does for a multiline prompt · Issue #10611 · streamlit/streamlit · GitHub

You can use CSS to dictate a minimum height:

import streamlit as st

L,R = st.columns(2)
L.chat_input("Meow "*20)
R.chat_input("Meow\n"*8)

st.html(
    """
<style>
    .stChatInput div {
        min-height: 200px
    }
</style>
    """
)
3

Thanks, I only noticed it when using mobile. Looks like there is a row attribute too… maybe I could set it on mobile css.