With st.file_uploader and st.chat_input, first message disappears

[rhlarora84]

Checklist

• I have searched the existing issues for similar issues.
• I added a very descriptive title to this issue.
• I have provided sufficient information below to help reproduce this issue.

Summary

With the File Uploader and Chat input , any user input provided for the 1st time disapperars immediately.

Reproducible Code Example

import streamlit as st

st.set_page_config(page_title="Bug")

uploaded_files = st.sidebar.file_uploader(
    label="Upload", type=["pdf"], accept_multiple_files=True
)

st.chat_message("assistant").write("Ask me anything")

if user_query := st.chat_input(placeholder="Ask me anything!"):
    st.chat_message("user").write(user_query)

Steps To Reproduce

1. Type anything on the Chat Input
2. Mesage disappers
3. Subsequent messages works

Expected Behavior

Message should not disappear

Current Behavior

No response

Is this a regression?

• Yes, this used to work in a previous version.

Debug info

• Streamlit version: 1.27.2
• Python version: 3.11
• Operating System: Windows
• Browser: Chrome

Additional Information

No response

[github-actions]

If this issue affects you, please react with a 👍 (thumbs up emoji) to the initial post.

Your feedback helps us prioritize which bugs to investigate and address first.

[anirudh-hegde]

With the File Uploader and Chat input , any user input provided for the 1st time disapperars immediately.

Import required packages

import streamlit as st
import random
import time

st.title("Simple chat")

Initialize chat history

if "messages" not in st.session_state:
st.session_state.messages = []

Display chat messages from history on app rerun

for message in st.session_state.messages:
with st.chat_message(message["role"]):
st.markdown(message["content"])

File uploader

uploaded_files = st.sidebar.file_uploader(
label="Upload", type=["pdf"], accept_multiple_files=True
)

Accept user input

if prompt := st.chat_input("What is up?"):
# Display user message in chat message container
with st.chat_message("user"):
st.markdown(prompt)
# Add user message to chat history
st.session_state.messages.append({"role": "user", "content": prompt})

Debug info:

• Streamlit version: 1.27.2
• Python version: 3.11
• Operating System: Linux
• Browser: Chrome

I hope this helps you.

[mzr1996]

Here is another example based on @Anianonymous

import time
import streamlit as st

if "messages" not in st.session_state:
    st.session_state.messages = []

# A count to record the index of dialog
if 'count' not in st.session_state:
    st.session_state.count = 0

for message in st.session_state.messages:
    with st.chat_message(message["role"]):
        st.markdown(message["content"])

uploaded_files = st.sidebar.file_uploader(
    label="Upload", type=["pdf"], accept_multiple_files=True
)

if prompt := st.chat_input("What is up?"):
# Display user message in chat message container
    with st.chat_message("user"):
        st.markdown(prompt)
    # Add user message to chat history
    st.session_state.messages.append({"role": "user", "content": prompt})
    st.session_state.count += 1

    # Sleep one second here to simulate the process of assistant.
    time.sleep(1)
    with st.chat_message('assistant'):
        assistant = f'Good at {st.session_state.count}'
        st.markdown(assistant)
    # Add assistant message to chat history
    st.session_state.messages.append({"role": "assistant", "content": assistant})

After the first user input, the reply of the assistant won't display. But after the second user input, it works correctly.

However, if you remove the sidebar.file_uploader, it works correctly.

In addition, it also works correctly if streamlit==1.25.0

Debug info:

• Streamlit version: 1.27.2
• Python version: 3.11
• Operating System: Linux
• Browser: Firefox

[juliareisVia]

Using streamlit 1.25, st.file_uploader threw an error: AxiosError: Request failed with status code 403.

[vdonato]

Closing this issue as this was addressed by #7641. We'll have the changes released in a patch release tomorrow or Friday

[yumi-bk20]

Anyone found the solution to this problem of st.chat_input with file_uploader not displaying the first query ? the code above doesn't work.

[muneem50]

how to do the same for audio? just like accepting user input as text and how to accept it as audio.