Hitting enter adds a new item instead of selected item when searching (when addable is enabled)

[stv8]

Describe the bug
I have addable enabled to allow creation, however if I do a partial search -> hit down arrow to select the item -> hit enter -> the partial search is created rather than the selected item added.

I would expect the item selected via the down arrow to be the one selected and not and item created.

Below is a code pen and a video reproducing the issue. Let me know if you need any more details, thanks!

Recreate it in Codepen
https://codepen.io/stv8/pen/MYgGeEB

To Reproduce
Steps to reproduce the behavior:

1. ensure addable is on
2. Click on input and type "1"
3. select "option 1" by clicking down arrow
4. hit enter
5. observer that "1" is added in the box rather than the "Option 1"
6. See error

CleanShot.2025-01-13.at.10.22.14.mp4

[brianvoe]

That is a good catch. Basically what needs to happen is if they press down set a variable to indicate to not add and if they start typing. reset it to add again.

[stv8]

word, are you suggesting to do that on my side as part of the search logic? or as a fix for the lib internally

[brianvoe]

That would need to be done in slim select. If you want to submit a pr I can get it in much quicker.

[stv8]

Sounds good, I'll see if I can get to it in the next few days. From a quick glance it looks like this is the line where we would need to take into consideration whether the user has typed or not?

slim-select/src/slim-select/render.ts

Lines 692 to 695 in 373c543

	case 'Enter':
	if (this.callbacks.addable) {
	addable.click()
	return false

[brianvoe]

yep