Fix issue spring-media#24: Get correct currentTarget (using Proxy)

appjudo · Jun 22, 2021 · c2d7c05 · c2d7c05
1 parent eaa6c63
commit c2d7c05
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/index.js b/index.js
@@ -19,6 +19,16 @@ var mimickedReactEvents = {
     onSelectionChange: 'onSelect'
 };
 
+var proxyHandlers = {
+    get: function(target, prop, _receiver) {
+        if (prop === "currentTarget") {
+            return target._reactCurrentTarget;
+        }
+        const value = target[prop];
+        return (value instanceof Function) ? value.bind(target) : value;
+    }
+};
+
 module.exports = function retargetEvents(shadowRoot) {
     var removeEventListeners = [];
 
@@ -29,13 +39,15 @@ module.exports = function retargetEvents(shadowRoot) {
         function retargetEvent(event) {
 
             var path = event.path || (event.composedPath && event.composedPath()) || composedPath(event.target);
+            var proxy = new Proxy(event, proxyHandlers);
 
             for (var i = 0; i < path.length; i++) {
 
                 var el = path[i];
                 var props = null;
                 var reactComponent = findReactComponent(el);
                 var eventHandlers = findReactEventHandlers(el);
+                event._reactCurrentTarget = el;
 
                 if (!eventHandlers) {
                     props = findReactProps(reactComponent);
@@ -44,11 +56,11 @@ module.exports = function retargetEvents(shadowRoot) {
                 }
 
                 if (reactComponent && props) {
-                    dispatchEvent(event, reactEventName, props);
+                    dispatchEvent(proxy, reactEventName, props);
                 }
 
                 if (reactComponent && props && mimickedReactEvents[reactEventName]) {
-                    dispatchEvent(event, mimickedReactEvents[reactEventName], props);
+                    dispatchEvent(proxy, mimickedReactEvents[reactEventName], props);
                 }
 
                 if (event.cancelBubble) {