Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

does not fire @select when using keyboard #9

Closed
danieldocki opened this issue Jan 11, 2019 · 4 comments
Closed

does not fire @select when using keyboard #9

danieldocki opened this issue Jan 11, 2019 · 4 comments
Labels
bug Something isn't working

Comments

@danieldocki
Copy link
Contributor

danieldocki commented Jan 11, 2019

when you search for an item and use the down arrow and then enter it does not fire @select.

example: https://codesandbox.io/s/zwn46x1kpx

maybe it's the problem here
https://github.com/iliyaZelenko/vue-cool-select/blob/master/src/component.vue#L66

@iliyaZelenko
Copy link
Owner

iliyaZelenko commented Jan 11, 2019

Fixed in 1.6.1. Note that the item is selected when you jump to it with arrows, pressing the enter button will simply close the select.

Demo: https://codesandbox.io/s/w6m23jv3o5

Thank you very much for finding bugs, this is very useful, but I feel ashamed that I have made so many bugs 😄

@iliyaZelenko iliyaZelenko added the bug Something isn't working label Jan 11, 2019
@danieldocki
Copy link
Contributor Author

Do not be ashamed ... I really enjoyed your lib. Thanks for the correction.

@danieldocki
Copy link
Contributor Author

is it better to put the item as selected when the enter is fired and not keydown or keyup?

@iliyaZelenko
Copy link
Owner

Perhaps this is better, I do not see a serious reason to rewrite the code.
For example, in html <select> works on the same logic as this component.

iliyaZelenko added a commit that referenced this issue Sep 18, 2019
the arrowsDisableInstantSelection prop has true by default

BREAKING CHANGE: previously there was the false vlue, which led to the immediate selection of a menu
item. I decided that this was not the best practice.

re #9
iliyaZelenko pushed a commit that referenced this issue Sep 18, 2019
# [3.0.0](v2.11.1...v3.0.0) (2019-09-18)

### Bug Fixes

* **getitemvalue:** improve comparison to null and undefined ([a53dfe4](a53dfe4)), closes [#199](#199)

### Features

* **build:** added rollup, postcss ([d901fd9](d901fd9))
* **classes:** iZ-select--with-value class if select has value ([c978a76](c978a76))
* **component:** different sizes ([1e498e5](1e498e5))
* **component:** improve the `inputStyles` logic and height style ([1aeb01d](1aeb01d))
* **plugin's options:** the text option to set custom no data text ([9698298](9698298))
* **props:** arrowsDisableInstantSelection prop ([59e9af4](59e9af4)), closes [#9](#9)
* **props:** discard the loadingIndicator prop ([0c18790](0c18790))
* **sizes:** changed the idea about different sizes ([1abdf8d](1abdf8d))

### BREAKING CHANGES

* **props:** this prop no longer exists
* **props:** previously there was the false vlue, which led to the immediate selection of a menu
item. I decided that this was not the best practice.
* **component:** the sizes are adjusted to fit the bootstrap styles perfectly, maybe they changed a
little
* **build:** new build system (styles separated)
rin4573281133639 added a commit to rin4573281133639/iliyaZelenko9 that referenced this issue Feb 5, 2022
# [3.0.0](iliyaZelenko/vue-cool-select@v2.11.1...v3.0.0) (2019-09-18)

### Bug Fixes

* **getitemvalue:** improve comparison to null and undefined ([a53dfe4](iliyaZelenko/vue-cool-select@a53dfe4)), closes [#199](iliyaZelenko/vue-cool-select#199)

### Features

* **build:** added rollup, postcss ([d901fd9](iliyaZelenko/vue-cool-select@d901fd9))
* **classes:** iZ-select--with-value class if select has value ([c978a76](iliyaZelenko/vue-cool-select@c978a76))
* **component:** different sizes ([1e498e5](iliyaZelenko/vue-cool-select@1e498e5))
* **component:** improve the `inputStyles` logic and height style ([1aeb01d](iliyaZelenko/vue-cool-select@1aeb01d))
* **plugin's options:** the text option to set custom no data text ([9698298](iliyaZelenko/vue-cool-select@9698298))
* **props:** arrowsDisableInstantSelection prop ([59e9af4](iliyaZelenko/vue-cool-select@59e9af4)), closes [#9](iliyaZelenko/vue-cool-select#9)
* **props:** discard the loadingIndicator prop ([0c18790](iliyaZelenko/vue-cool-select@0c18790))
* **sizes:** changed the idea about different sizes ([1abdf8d](iliyaZelenko/vue-cool-select@1abdf8d))

### BREAKING CHANGES

* **props:** this prop no longer exists
* **props:** previously there was the false vlue, which led to the immediate selection of a menu
item. I decided that this was not the best practice.
* **component:** the sizes are adjusted to fit the bootstrap styles perfectly, maybe they changed a
little
* **build:** new build system (styles separated)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants