Skip to content
This repository has been archived by the owner on Dec 12, 2023. It is now read-only.

Clicking on an item doesn't work. #2

Open
MatthewCochrane opened this issue Sep 22, 2017 · 4 comments
Open

Clicking on an item doesn't work. #2

MatthewCochrane opened this issue Sep 22, 2017 · 4 comments

Comments

@MatthewCochrane
Copy link

Try it out.

  1. Go to https://gabrielcorado.github.io/vue-bulma-select/
  2. click the 'select your team' select.
  3. click 'Falcons' (the second option)
  4. Nothing happens.

I would expect 'Falcons' to be selected when I click on it.

I think the problem is that the @click events are not being called on the links in the dropdown-item a tags.

@gabrielcorado
Copy link
Owner

Thanks for reporting.

I've noticed that but it happens in specific environments, making it difficult to reproduce. If you can specify what env (OS, browser) you got the error, so I can reproduce in order to fix.

My guess is that it's related to the button behavior in these environments, maybe they're triggering other things (like the entire form), but it's just a guess.

@zangab
Copy link

zangab commented Sep 28, 2017

struggled with the same issue.
quick-fix was to swap the @click with the @mousdown event.
maybe it has smth to do with this here.

@MatthewCochrane
Copy link
Author

Thanks @zangab. Changing @click to @mousedown worked!
I was wondering if it was something to do with a chrome extension I had running as I'd heard of similar problems with extensions hijacking the keyup events but I disabled all extensions and was still getting the issue with @click.

@gabrielcorado
Copy link
Owner

Thanks @zangab and @mattisback. ASAP, I'll make the change and also publish to npmjs.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants