How can I add a user input box , that gives an auto complete suggestion from a list , but also allows user too input its own query

mathcatsand · November 17, 2024, 1:40pm

Make sure you vote on the open issues so the devs can track popularity of feature requests:

Add an option to allow multiselect to accept new values

opened 07:43PM - 13 Sep 22 UTC

type:enhancement feature:st.multiselect status:likely

### Problem I'm building a small CRUD application with database behind it. Ab…solutely love how Streamlit works and allows to use Python everywhere, but once it comes to the ability to enter new information - currently available components are lacking. One of use cases is tag-like fields. I need user to be able to select multiple existing tags with autocompletion - and multiselect is awesome there. But once user needs to add a new tag - basically there are only 2 ways: either to have a 2nd text field nearby (looks ugly), or to have a separate subpage for tags addition (even worse, as user has to navigate off his work). ### Solution **MVP:** I'd llike to propose a minimal change - an option for multiselect to **allow new input from user**, which is not on options, confirmed with enter. With this option enabled - return new value as part of results. Dev checks if there are any items returned, which were not on original list of options - and then decides what to do with that. I believe this will require minimal changes, but this will greatly expand Streamlit use cases. **Preferred solution:** It would be great to expand other means to enter information too. Streamlit has gone a long way from Jupyter replacement to nearly full-featured web app framework. Ideally I'd love to see better user input support, including editable / clickable / selectable tables, and options to allow new input for other components, like selectbox (or maybe just an option to **limit number** of inputs on multiselect - with max=1 that could be a replacement for selectbox, which also allows no selection and new user input, as described above). ### Additional context There's a 3rd party streamlit-tags component, but it really lacks the polish, lacks proper suggestions by partial match, it has different theming. ### Voting for feature requests 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.**

github.com/streamlit/streamlit

Autocomplete for chat_input

opened 08:34AM - 25 Jul 23 UTC

liunux4odoo

type:enhancement feature:st.chat_input

### Problem The new `chat_input` element is great for chatbot apps. It would …be very useful if it can give user suggestions when inputting. Some feature requests (#6604, #5602) were submitted for the `text_input` element. And then they were suggested to use `streamlit-searchbox` as alternative. Since official `chat_input` has been shinny released, I think it's good timing to bring the autocomplete feature to it. Thanks. --- 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.**

Also, for anyone late to the party, there is a related custom component: New Component: Searchbox

Topic		Replies	Views
Autocomplete for st.text_input box Custom Components	0	1876	May 12, 2021
Autocomplete Option for st.text_input() Custom Components	7	21068	July 16, 2024
New Component: Searchbox Custom Components	1	6285	May 29, 2022
Help with embeeding this html component in streamlit Custom Components	1	555	August 1, 2021
Textbox with suggestions Using Streamlit discussion	0	252	November 11, 2024

How can I add a user input box , that gives an auto complete suggestion from a list , but also allows user too input its own query

Related topics