Hovered option is automatically selected on blur

[brandonkelly]

I did:

• Search for if my issue has already been submitted
• Make sure I'm reporting something precise that needs to be fixed
• Give my issue a descriptive and concise title
• Create a minimal working example on JsFiddle or Codepen (or gave a link to a demo on the Selectize docs)
• Indicate precise steps to reproduce in numbers and the result, like below

---

Description

When you hover over an item and then press Tab to move focus to another input, the item that was being hovered over is automatically selected.

Steps to reproduce

1. Tab into a Selectize input (such as the one here) to focus it.
2. Hover over an item – but don’t mousedown or press Return, etc.
3. Tab out of the Selectize input to blur it.

Expected result

No change to the Selectize input is made, since no explicit action was taken suggesting a new value should be selected.

Actual result

The hovered item is automatically selected.

Video demonstration

Here’s a video demonstration using the Dynamic Option Groups example input. Note the position of the cursor the first two times the Selectize field is focused (up above the input) versus the third time (below the input, where the menu will expand to).

CleanShot.2024-02-14.at.08.53.25.mp4

[winzig]

Set selectOnTab to false.

[brandonkelly]

Aha, thank you @winzig! Seems like that should probably be the default behavior…

[winzig]

Theoretically it is: https://selectize.dev/docs/usage

But I haven't tested that in a while on the standard distribution.