Add polyfill for focusin and focusout

1 files changed, 15 insertions, 1 deletions

diff --git a/js/src/dom/eventHandler.js b/js/src/dom/eventHandler.js
index f720f1441..42c91c090 100644
--- a/js/src/dom/eventHandler.js
+++ b/js/src/dom/eventHandler.js
@@ -133,7 +133,7 @@ const EventHandler = {
     const fn = !delegation ? bootstrapHandler(element, handler) : bootstrapDelegationHandler(handler, delegationFn)
     handlers[uid] = fn
     originalHandler.uidEvent = uid
-    element.addEventListener(typeEvent, fn, false)
+    element.addEventListener(typeEvent, fn, delegation)
   },
 
   one(element, event, handler) {
@@ -193,4 +193,18 @@ const EventHandler = {
   }
 }
 
+// focusin and focusout polyfill
+if (typeof window.onfocusin === 'undefined') {
+  (() => {
+    function listenerFocus(event) {
+      EventHandler.trigger(event.target, 'focusin')
+    }
+    function listenerBlur(event) {
+      EventHandler.trigger(event.target, 'focusout')
+    }
+    EventHandler.on(document, 'focus', 'input', listenerFocus)
+    EventHandler.on(document, 'blur', 'input', listenerBlur)
+  })()
+}
+
 export default EventHandler