0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

handle detached tooltip when we try to hide a modal

This commit is contained in:
Johann-S 2018-11-02 10:24:35 +01:00
parent e0d1f3f18b
commit f7a4b39767
2 changed files with 67 additions and 5 deletions

View File

@ -486,12 +486,16 @@ class Tooltip {
(event) => this._leave(event)
)
}
})
$(this.element).closest('.modal').on(
'hide.bs.modal',
() => this.hide()
() => {
if (this.element) {
this.hide()
}
}
)
})
if (this.config.selector) {
this.config = {

View File

@ -862,6 +862,44 @@ $(function () {
.modal('show')
})
QUnit.test('should allow to close modal if the tooltip element is detached', function (assert) {
assert.expect(1)
var done = assert.async()
var templateHTML = [
'<div id="modal-test" class="modal">',
' <div class="modal-dialog" role="document">',
' <div class="modal-content">',
' <div class="modal-body">',
' <a id="tooltipTest" href="#" data-toggle="tooltip" title="Some tooltip text!">Tooltip</a>',
' </div>',
' </div>',
' </div>',
'</div>'
].join('')
$(templateHTML).appendTo('#qunit-fixture')
var $tooltip = $('#tooltipTest')
var $modal = $('#modal-test')
$tooltip.on('shown.bs.tooltip', function () {
$tooltip.detach()
$tooltip.bootstrapTooltip('dispose')
$modal.modal('hide')
})
$modal.on('shown.bs.modal', function () {
$tooltip.bootstrapTooltip({
trigger: 'manuel'
})
.bootstrapTooltip('show')
})
.on('hidden.bs.modal', function () {
assert.ok(true, 'modal hidden')
done()
})
.modal('show')
})
QUnit.test('should reset tip classes when hidden event triggered', function (assert) {
assert.expect(2)
var done = assert.async()
@ -966,4 +1004,24 @@ $(function () {
assert.ok(tooltip.tip === $tipTest[0])
})
QUnit.test('should toggle enabled', function (assert) {
assert.expect(3)
var $tooltip = $('<a href="#" rel="tooltip" data-trigger="click" title="Another tooltip"/>')
.appendTo('#qunit-fixture')
.bootstrapTooltip()
var tooltip = $tooltip.data('bs.tooltip')
assert.strictEqual(tooltip._isEnabled, true)
tooltip.toggleEnabled()
assert.strictEqual(tooltip._isEnabled, false)
tooltip.toggleEnabled()
assert.strictEqual(tooltip._isEnabled, true)
})
})