Searchbox issue with multi page app

[informatica92]

I'm trying to integrate this Searchbox into my Streamlit application, and the initial tests look great.
My app is a multi-page app, and this lets users switch between pages at any moment.
This is when the problem arises: if I load the app as a first thing, I go into the search box page, I can use it without issues, but then, if I switch to another page and then I go back into the page with the searchbox, the widget:

• still has a returned value
• still has options in the dropdown
• no text into the search field is visible

This is how it looks when I go back to the searchbox after the page switch ("436217" is the returned value and as you can see there are the options visible with NO text into the search field is visible)

Do you know how to fix it, or, anyway, force a total reset after each page load?

NB: the fact that the widget keeps some sort of state is also not an issue but the other default widgets do NOT, so this can confuse the user that sees some information maintained and others not

[m-wrzr]

Hey, one solution would be to manually clear the searchbox state in the other pages. This is a bit clunky but works for resetting:

# in pages/a.py where you have
selected_value = st_searchbox(
    search,
    key="my_key",
)

# in pages/b.py
def clear_other_states():
    if "my_key" in st.session_state:
        del st.session_state["my_key"]

Would this be enough to fix your issue? I'm not sure how to automatically clear the multipage state like native components are doing (or if it's possible for custom components). Would be worth investigating the future though

[informatica92]

Yeah, it would solve it (sally me for not thinking of that earlier).
Anyway, it would be better to have a homogeneous behaviour across all the widgets (custom and default), but I also understand that probably it does not depend on you.

Thanks for the fast reply (as usual)