Content-Length: 257083 | pFad | http://github.com/bootstrap-vue/bootstrap-vue/issues/7198

EB b-form-select throws error el[assignKey] is not a function · Issue #7198 · bootstrap-vue/bootstrap-vue · GitHub
Skip to content

b-form-select throws error el[assignKey] is not a function #7198

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

Open
nunesmaia opened this issue Apr 12, 2024 · 4 comments
Open

b-form-select throws error el[assignKey] is not a function #7198

nunesmaia opened this issue Apr 12, 2024 · 4 comments

Comments

@nunesmaia
Copy link

Describe the bug

When i'm using b-form-select component, and I try to select an option, it throws an error "el[assignKey] is not a function".

Steps to reproduce the bug

  1. <main.js>
    import Vue from 'vue'
    import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
    Vue.use(BootstrapVue)
    Vue.use(IconsPlugin)

  2. <Form.vue>

  3. Run project and try to select an option in select field.

  4. See error.

Expected behavior

It was expected that the clicked option would be selected in the field, without any error being displayed.

Versions

Libraries:

  • BootstrapVue: ^2.23.1
  • Bootstrap: ^4.6.0
  • Vue: ^3.2.13

Environment:

  • Device: MacBook Pro, 13-inch, 2020
  • OS: Sonoma 14.4.1 (23E224)
  • Browser: Chrome
  • Version: 123.0.6312.123
@dword-design-honestly
Copy link

Same issue here

@fungcheukyin-TeamLab
Copy link

Same issue occurred in my project, any solution identified right now?

@darrinmn9
Copy link

possibly related to #7181 and #7182 ?

@PiotrWasak
Copy link

PiotrWasak commented Dec 18, 2024

I found a workaround that works in my case:

onMounted(() => {
  const select = document.getElementById(props.id)
  if (select) {
    select.addEventListener('change', (e) => {
      e.stopPropagation()
      value.value = e.target?.value
    }, true) 
  }
})

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

No branches or pull requests

5 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/7198

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy