Content-Length: 243747 | pFad | http://github.com/bootstrap-vue/bootstrap-vue/issues/6219

37 Version 2.21.0 seems to have broken the click event on <b-badge> · Issue #6219 · bootstrap-vue/bootstrap-vue · GitHub
Skip to content

Version 2.21.0 seems to have broken the click event on <b-badge> #6219

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

Closed
CarnivalBen opened this issue Dec 16, 2020 · 1 comment · Fixed by #6217
Closed

Version 2.21.0 seems to have broken the click event on <b-badge> #6219

CarnivalBen opened this issue Dec 16, 2020 · 1 comment · Fixed by #6217

Comments

@CarnivalBen
Copy link

CarnivalBen commented Dec 16, 2020

Since v2.21.0, adding a click event to a <b-badge> component no longer works.

Example:

<div id="app">
  <b-badge style="cursor: pointer;" @click="clickme">Test</b-badge>
</div>
new Vue({
  el: "#app",
  methods: {
    clickme() {
      console.log("CLICKED!");
    }
  }
});

If I click the badge, nothing gets written to the console.

If I downgrade to bootstrap-vue v2.20.1 then the same code would output "CLICKED!" as expected.

If I modify the badge to use @click.native, this also seems to fix it.

Environment:

  • bootstrap 4.5.3
  • vue 2.6.12
  • bootstrap-vue 2.21.0

Demo: https://jsfiddle.net/bg100/0qmsgyoL/5/

@Hiws
Copy link
Member

Hiws commented Dec 16, 2020

Thanks for the report.

It's probably related to this issue: #6209
Which has been fixed in: #6217

The patch 2.21.1 patch should hopefully release at some point today.

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

Successfully merging a pull request may close this issue.

2 participants








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/bootstrap-vue/bootstrap-vue/issues/6219

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy