Commit 74407104 authored by Johann-S's avatar Johann-S Committed by XhmikosR
Browse files

Add CustomEvent polyfill and a working preventDefault for IE

parent d6560bbc
5 merge requests!31948Examples/Floating-labels: fix bad behavior with autofill,!30064test,!29779Responsive sizing,!28882fix custom-select-indicator in IE10,!28721Hot test
Showing with 57 additions and 1 deletion
+57 -1
...@@ -85,7 +85,8 @@ class Alert { ...@@ -85,7 +85,8 @@ class Alert {
let parent = false let parent = false
if (selector) { if (selector) {
parent = document.querySelector(selector) const tmpSelected = SelectorEngine.find(selector)
parent = tmpSelected[0]
} }
if (!parent) { if (!parent) {
......
...@@ -5,6 +5,58 @@ ...@@ -5,6 +5,58 @@
* -------------------------------------------------------------------------- * --------------------------------------------------------------------------
*/ */
// defaultPrevented is broken in IE.
// https://connect.microsoft.com/IE/feedback/details/790389/event-defaultprevented-returns-false-after-preventdefault-was-called
const workingDefaultPrevented = (() => {
const e = document.createEvent('CustomEvent')
e.initEvent('Bootstrap', true, true)
e.preventDefault()
return e.defaultPrevented
})()
// CustomEvent polyfill for IE (see: https://mzl.la/2v76Zvn)
if (typeof window.CustomEvent !== 'function') {
window.CustomEvent = (event, params) => {
params = params || {
bubbles: false,
cancelable: false
}
const evt = document.createEvent('CustomEvent')
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail)
if (!workingDefaultPrevented) {
const origPreventDefault = Event.prototype.preventDefault
evt.preventDefault = () => {
if (!evt.cancelable) {
return
}
origPreventDefault.call(evt)
Object.defineProperty(evt, 'defaultPrevented', {
get() {
return true
},
configurable: true
})
}
}
return evt
}
window.CustomEvent.prototype = window.Event.prototype
}
// Event constructor shim
if (!window.Event || typeof window.Event !== 'function') {
const origEvent = window.Event
window.Event = (inType, params) => {
params = params || {}
const e = document.createEvent('Event')
e.initEvent(inType, Boolean(params.bubbles), Boolean(params.cancelable))
return e
}
window.Event.prototype = origEvent.prototype
}
const EventHandler = { const EventHandler = {
on(element, event, handler) { on(element, event, handler) {
if (typeof event !== 'string' || typeof element === 'undefined') { if (typeof event !== 'string' || typeof element === 'undefined') {
...@@ -31,6 +83,9 @@ const EventHandler = { ...@@ -31,6 +83,9 @@ const EventHandler = {
bubbles: true, bubbles: true,
cancelable: true cancelable: true
}) })
// Add a function 'isDefaultPrevented'
eventToDispatch.isDefaultPrevented = () => eventToDispatch.defaultPrevented
element.dispatchEvent(eventToDispatch) element.dispatchEvent(eventToDispatch)
return eventToDispatch return eventToDispatch
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment