Handling the "Enter Key" from an rx.input Component

[ESchwaa919]

I'm trying to figure out how to observe a press of the "Enter" key when someone is typing in the rx.input component so that they don't have to click on the submit button.

What I'm observing the component seems to handle either the "onChange" event or "onKeyPress" event, but not both. Does anyone have a solution for how to solve this? Feels like it would be a good feature to just enable via a property.

[ESchwaa919]

Solved thanks to @Lendemor in Discord.

Solution involves wrapping the inputs into a form. Here is my final working code:

def action_bar() -> rx.Component:
    return rx.form(
            rx.hstack(
                rx.input(placeholder="Summarize this video...", 
                    value=State.question,
                    on_change=State.set_question,
                    style=style.input_style,
                    radius="large",
                    variant="surface",
                    size="3",
                    
                    ),
                rx.button("Ask AI",
                    type="submit",
                    style=style.button_style,
                    size="3",
                    ),
            ),
        on_submit=State.answer,
        enter_key_submit=True,
        reset_on_submit=False,
        )