For a few reasons:
- event.preventDefault() for the Enter key (to stop it from submitting
the form when you select an item) is only effective if it's a keydown
event.
- Using keydown for up/down navigation means you can hold them down to
rapidly scroll through a lot of items.
- Keydown events make the UX feel more responsive, and is consistent
with how most apps/operating systems handle key presses.
* allow to disable options with selectable function
* add simple spec for new selectable option
* Prevent non-selectable options from being keyboard navigatable
* make sure selected tracked value is an option if possible
Before this case did not work correctly:
- Select was rendered with *no* options, but *with* a saved value
- Options were fetched by ajax and options prop was updated
- Reduce function if passed
What happens without this commit is that the selected tracked value
simply was the raw reduced value (previously saved). Which means that
displaying a label for example does not work if the label comes from the
unreduced option.
This commit makes sure that the internal tracked value is checked
against all options not only once the select is created but additionally
when options change.
* remove useless keys
- first key was always undefined
- second key was always the index which is not usefull at all since it
changes based on the order
* add test for setting value after option changed
* correctly react to value property changes if tracking internally
fixes sagalbot#855, sagalbot#842
* add getOptionKey prop
* yarn upgrade doc
* add getOptionKey api doc and fix links
* yarn upgrade
* do not use key on slot
* fix label spec
- explicitly set v-if on OpenIndicator
- only add searching and searchable state classes if noDrop is false
- only add OpenIndicator to toggleTargets if the $ref exists
* Remove the mutableValue prop in the Select component.
* Add back mutable value when Vue Select has to manage its own value.
* Remove mutableOptions, valueAsAarray. Update webpack minifer to use Terser.
* Fix tabbing
* Fix bug with showClearButton
* Fix tests.
* Call clearSelection when possible
* Update dev sandbox to have all three options for setting value.
* Update dev sandbox to display current value
* Remove unused karma test setup.
* Revert onInput name change.
* Use coveralls
* Change this.internalValue to this.$data._value.
* Remove onInput prop and replace with internal method, updateValue.
* Update tests.
* Rename optionObjectComparator to optionComparator.
Jeff