From bad5dd26029ee72807a2c19298e7e28f2caf2fd8 Mon Sep 17 00:00:00 2001
From: Rob Aldred <raldred@gmail.com>
Date: Wed, 27 May 2015 12:37:10 +0100
Subject: [PATCH] Allow support for multiple nested elements

Trigger the mouse events on the element below before resetting the current target.
---
 pointer_events_polyfill.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/pointer_events_polyfill.js b/pointer_events_polyfill.js
index e9d751a..5cb649f 100644
--- a/pointer_events_polyfill.js
+++ b/pointer_events_polyfill.js
@@ -51,16 +51,17 @@ PointerEventsPolyfill.prototype.register_mouse_events = function(){
 
              var underneathElem = document.elementFromPoint(e.clientX, e.clientY);
 
+             // fire the mouse event on the element below
+            e.target = underneathElem;
+            $(underneathElem).trigger(e);
+            
+            // reset this object's display property
             if(origDisplayAttribute)
                 $(this)
                     .css('display', origDisplayAttribute);
             else
                 $(this).css('display','');
 
-             // fire the mouse event on the element below
-            e.target = underneathElem;
-            $(underneathElem).trigger(e);
-
             return false;
         }
         return true;