Fix item selection against manual input

[StephaneTrebel]

Your prototype was working fine except for two issues :

• The automatic highlight of the first list option is conflicting with user input
• Selecting an option with Enter caused adding the current user input (For instance if I input "foo" and the list shows "foobar" and then I hit direction keys to select "foobar" and hit Enter, it would cause to add "foo" as a new item)

I fixed them both in this PR by:

• Making it so the first option is not highlighted by default
• Reversing the order of detecting the onEnter worklow: First we check for highlighted options and only after the user input.

This should fix (#39)

[dgrammatiko]

Works great!

[jshjohnson]

Love it - thanks for this!

[StephaneTrebel]

No problem, I needed it on my side too so I'm glad I could help us both ^^ 👍

[AbdelrhmanS]

@dgt41 how this works ?
Do it want custom configuration ?

[dgrammatiko]

@AbdelrhmanS you need to check out https://github.com/jshjohnson/Choices/compare/feature/select-add-items?expand=1
Also you need to add addItem: true or something like that in your config, check that branch's docs

[AbdelrhmanS]

@dgt41
i had checkout to this branch #79 and add those config

const tagsChoices = new Choices(tagsEl, {
   choices: tagsTpl, // my predefined inputs 
   editItems: true,
   maxItemCount: 5,
   removeItemButton: true,
   duplicateItems: false,
   addItem: true,
});

<!-- my select tag -->
<select class="tags-input" type="text" placeholder="Tags" multiple></select>