New Component: streamlit-keyup, a textbox that returns the text as you type

Custom Components
1

Example app: https://key-up.streamlitapp.com/

Hopefully a few people find this useful.

6 Likes
2

Thanks for sharing @blackary , super useful indeed! :rocket:

Is there a reason for not having this as part of the Streamlit native st.text_input?

1 Like
3

Good question: @marduk. There has been some discussion of that very idea here st.text_input live update parameter · Issue #4899 · streamlit/streamlit · GitHub – feel free to weigh in!

1 Like
4

In the meantime, I’c love to see it in our Tracker :smiley:

3 Likes
5

@andfanilo :white_check_mark: Added

6

element is displayed in iframe, dark theme shows it with a white padding (iframe background is white) and cant be restyled + does not update with theme switch

7

@nocyphr_nocyphr Good catch – PRs welcome :slight_smile:

8

@nocyphr_nocyphr Thanks to dreth (Daniel A.) · GitHub, there is a new release which fixes the background color issue

9

Hey blackbary, it seems that the st_keyup “disabled” keeps that initial value (True/False) and wont change until the page is rerenderred. is it just me ?

with cols_row1[1]:
        print(st.session_state.te_sn_disabled)
        st.session_state.te_sn_value = st_keyup(label="Serial Number",
                         key="te_sn", 
                         disabled=st.session_state.te_sn_disabled)

st.session_state.te_sn_disabled is changed dynamically.

10

Hey @Zohar1, nope, it’s not you. Thanks for catching that! I’m really surprised I hadn’t seen that before, but it’s now fixed in version 0.3.0.