Skip to content

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

Closed
@bigperson

Description

@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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions