fix ISSUE #23

dist/mailgo.js

@@ -265,11 +265,10 @@ var actions = {
  */
 
 var mailgoCheckRender = function mailgoCheckRender(event) {
-  // the target element
+  // check if the id=mailgo exists in the body
-  var e = event.target; // check if the id=mailgo exists in the body
+  if (!document.contains(getE("mailgo"))) return; // go in the event.path to find if the user has clicked on a mailgo element
-
-  if (!document.contains(getE("mailgo"))) return;
 
+  event.path.forEach(function (e) {
     if ( // first case: it is an <a> element with "mailto:..." in href and no no-mailgo in classList
     e.href && e.href.toLowerCase().startsWith(MAILTO) && !e.classList.contains("no-mailgo") || // second case: the href=#mailgo
     e.href && e.getAttribute("href").toLowerCase() === "#mailgo" || // third case: the classList contains mailgo
@@ -278,7 +277,10 @@ var mailgoCheckRender = function mailgoCheckRender(event) {
       event.preventDefault(); // render mailgo
 
       mailgoRender(e);
+      return;
     }
+  });
+  return;
 };
 /**
  * mailgoKeydown

src/mailgo.js

@@ -328,12 +328,11 @@ const actions = {
  * );
  */
 const mailgoCheckRender = event => {
-  // the target element
-  let e = event.target;
-
   // check if the id=mailgo exists in the body
   if (!document.contains(getE("mailgo"))) return;
 
+  // go in the event.path to find if the user has clicked on a mailgo element
+  event.path.forEach(e => {
     if (
       // first case: it is an <a> element with "mailto:..." in href and no no-mailgo in classList
       (e.href &&
@@ -349,7 +348,12 @@ const mailgoCheckRender = event => {
 
       // render mailgo
       mailgoRender(e);
+
+      return;
     }
+  });
+
+  return;
 };
 
 /**