Get an error after page redirecting

I get an error Cannot read property 'blur' of undefined after the page changed. This occurred randomly but as I noticed, it happens when redirecting from page that contains searchable multiselect to others only.

For example, my homepage has searchable multiselect, I go to another page by clicking on the link on my page, 4-5 seconds after that the error displayed.

I took a look into the error and found that the deactivate() in multiselectMixins.js was called.

It’s understandable that the multiselect should be deactivated before redirecting but I have no idea why the error displayed after the page changed.

[maltegrosse]

I got the same issue by having multiselect in a modal. If the multiselect is focused, and the modal closed by keypress (esc), the blur error occurs. workaround as fatihpense mentioned: ref the multiselect, but i place the deactivate() function in beforeDestroy(){ this.$refs.myMultiSelect.deactivate(); },

[pututbawono]

@mydnic I also got the same problem, and it occured when the closing the modal while the multiselect is opened. The solution is actually the same as before, by using ref on the multiselect, and then call the deactivate function on modal close, similar to this :

closeModal() {
   this.show = false;
   this.$refs.myMultiselect.deactivate();
}