mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-23 18:40:03 +00:00
Revert "Revert "Add information about IE 11 compatibility.""
This reverts commit bcf76ef5f0d6305bb8aa7a83ae7fdc45256f7f08.
This commit is contained in:
parent
9108e303ef
commit
dffe600b1c
@ -227,3 +227,40 @@ var tooltip = new bootstrap.Tooltip(yourTooltipEl, {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
{{< /highlight >}}
|
{{< /highlight >}}
|
||||||
|
|
||||||
|
## Compatibility with IE 11
|
||||||
|
|
||||||
|
Bootstrap v5 isn't designed to work with Internet Explorer 11, but you can add the following polyfills to make it work:
|
||||||
|
|
||||||
|
{{< highlight html >}}
|
||||||
|
<!-- Polyfill.io will load polyfills your browser needs -->
|
||||||
|
<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js"></script>
|
||||||
|
<script>
|
||||||
|
// Fix preventDefault for IE
|
||||||
|
(function () {
|
||||||
|
var workingDefaultPrevented = (function () {
|
||||||
|
var e = document.createEvent('CustomEvent')
|
||||||
|
e.initEvent('Bootstrap', true, true)
|
||||||
|
e.preventDefault()
|
||||||
|
return e.defaultPrevented
|
||||||
|
})()
|
||||||
|
|
||||||
|
if (!workingDefaultPrevented) {
|
||||||
|
var origPreventDefault = Event.prototype.preventDefault
|
||||||
|
Event.prototype.preventDefault = function () {
|
||||||
|
if (!this.cancelable) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
origPreventDefault.call(this)
|
||||||
|
Object.defineProperty(this, 'defaultPrevented', {
|
||||||
|
get: function () {
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
configurable: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
</script>
|
||||||
|
{{< /highlight >}}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user