Cannot read property 'blur' of undefined

[muhammadbima20]

Hi there, i have a problem while using vue-multiselect, i use nuxtjs, and vue-multiselect v2.1.6 and the problem or bugs i found is :

i got an error when i focused / open the select option this multiselect, and then try to redirect to previous page using back button in my chrome, the error message is :

Cannot read property 'blur' of undefined

the only thread i found for fixing my problem said that i have to write this one :

beforeDestroy(){ this.$refs.myMultiSelect.deactivate(); },

but still got an error Cannot read property 'blur' of undefined and a new one : TypeError: Cannot read property 'deactivate' of undefined

so what should i do for fixing my problem ? any help will be very appreciated.
Thanks!

[shentao]

Thanks for reporting!

[anilsonlopes-zz]

You need replace myMultiSelect for used ref on element.

[mylesboone]

Looks like ln 677 of multiselectMixin.js

      if (this.searchable) {
        this.$refs.search && this.$refs.search.blur()
      } else {
        this.$el.blur()
      }

ends up compiling to

this.searchable?this.$refs.search.blur():this.$el.blur()

[atilkan]

Is there any chance of fixing this?

[shentao]

@atilkan if you could help me verify if the linked PR works, then I could try to release that fix in the next 2 weeks.

[Namstel]

I myself am running into problems using optional chaining. See:
#1497 (comment)

[mylesboone]

@shentao would you be willing to look at #1497 and merge if you approve?

[Namstel]

@atilkan if you could help me verify if the linked PR works, then I could try to release that fix in the next 2 weeks.

I looked at it and I can verify that the changes made in the linked PR work.