Error in event handler for "hidden::modal": "TypeError: Cannot read property 'template' of null"

[bigperson]

Hi. I use tooltips in modals:

My component:

<b-modal  :visible="showModal === 'addEditOrder'">
<loading v-if="loading"></loading>
<div  v-else>
       <span v-b-tooltip title="tooltip title" class="badge badge-warning">?</span>
</div>
</b-modal>

After change 'loading' variable on true, false and calling hide method for modal, i get the error:

[Vue warn]: Error in event handler for "hidden::modal": "TypeError: Cannot read property 'template' of null"

(found in <Root>)
warn @ vue.common.js?e881:481
handleError @ vue.common.js?e881:564
Vue.$emit @ vue.common.js?e881:2304
hide @ bootstrap-vue.esm.js?765b:1
boundFn @ vue.common.js?e881:185
visible @ bootstrap-vue.esm.js?765b:1
run @ vue.common.js?e881:2974
flushSchedulerQueue @ vue.common.js?e881:2726
(anonymous) @ vue.common.js?e881:703
nextTickHandler @ vue.common.js?e881:650
Promise resolved (async)
timerFunc @ vue.common.js?e881:665
queueNextTick @ vue.common.js?e881:713
queueWatcher @ vue.common.js?e881:2813
update @ vue.common.js?e881:2950
notify @ vue.common.js?e881:780
reactiveSetter @ vue.common.js?e881:1002
proxySetter @ vue.common.js?e881:3075
(anonymous) @ ModalEditOrder.vue?ae42:201
Promise resolved (async)
updateOrder @ ModalEditOrder.vue?ae42:200
boundFn @ vue.common.js?e881:185
beforeUpdateForm @ ModalEditOrder.vue?ae42:170
boundFn @ vue.common.js?e881:184
click @ ModalEditOrder.vue?1b53:330
invoker @ vue.common.js?e881:1816
vue.common.js?e881:568 TypeError: Cannot read property 'template' of null
    at ToolTip.getTipElement (bootstrap-vue.esm.js?765b:1)
    at ToolTip.forceHide (bootstrap-vue.esm.js?765b:1)
    at Vue$3.Vue.$emit (vue.common.js?e881:2302)
    at VueComponent.hide (bootstrap-vue.esm.js?765b:1)
    at VueComponent.boundFn [as hide] (vue.common.js?e881:185)
    at VueComponent.visible (bootstrap-vue.esm.js?765b:1)
    at Watcher.run (vue.common.js?e881:2974)
    at flushSchedulerQueue (vue.common.js?e881:2726)
    at Array.eval (vue.common.js?e881:703)
    at nextTickHandler (vue.common.js?e881:650)

Version 1.0.0. beta7

[tmorehouse]

Thanks for the report.. We'll check into this.

[tmorehouse]

I've tried to mock this up, but I am not seeing the console error you are mentioning.

Could you provide a full code example (or JSFiddle) that can reproduce this issue?

[bigperson]

Code example https://jsfiddle.net/7ztq8nzd/24/
Open console after hide modal

[tmorehouse]

Interesting... In firefox this error does not show, but it does in Chrome.

[tmorehouse]

PR #1024 may address this issue

[tmorehouse]

This should be fixed in latest release.