I have a combobox in a one-input form, and I need keydown.enter to submit the form.

[aseroff]

It looks like deep in navigate Enter is bound to closing and blurring the combobox. Based on this I figured I could add my own binding to enter and it would be prepended to the list of actions on the input, but it's not working.

= form.combobox :search, library_textbooks_path, name_when_new: 'term', render_in: { partial: 'library/textbooks/search_result' }, dialog_label: 'Textbook Search', placeholder: 'Search the Library', data: { action: 'keydown.enter->form#submit' }

Am I doing something wrong? If so, how would I accomplish my enter to submit use case?

[josefarias]

Hey @aseroff thanks for the question. I think your best bet will be to use a stimulus controller to auto-submit the form based on the events emitted by the combobox. Here's an example: #137 (comment)

Let me know if that doesn't work for you. Closing for now.

[aseroff]

Thanks as always for the fast response.

I'm not sure this solves my problem. When I hit Enter, a hw-combobox:selection event is fired, which is the same as when you click on a result. I need clicking on a result to do one thing, and pressing enter to do another. Is it possible to differentiate between the two?

[aseroff]

I've implemented a marginal solution using your approach but have two issues:

1. My handleSelection code sucks. Selecting from the combobox sets the value to a numerical id, which I'm using to differentiate between a click and an Enter keypress. (if (isNaN(value)) 🤢). And the undesirable side effect of this is that searching for a numerical value will falsely trigger the execution of my click code instead of my enter code.
2. If you type fast enough and hit enter, you can beat the updating of the hidden field's value, resulting in a search of empty string when you previously had text in the input.

You can check out what I mean here.

I feel that it may be necessary to make handling this use case a bit more first-class.

[aseroff]

For what it's worth, I managed to accomplish what I needed to using old fashioned event listeners and mutation observers, sans Stimulus. So I'm happy to continue discussing, but also my issue is resolved and no longer require any assistance, if you don't want to.

[buncis]

@josefarias @aseroff I tried to submit a form after user make a selection
here is my code

<%= form.combobox :member_id, combobox_members_path, data: { action: "hw-combobox:selection->form#submit"} %>

but the form is not submitted, did I need to make a stimulus controller for form? or what?

edit :

ya I need to execute the submit form from another controller