feat(parent_body_mode): #535 search parents for data-tip if in body mode

Author: vanmeegen

src/decorators/bodyMode.js

@@ -19,10 +19,21 @@ const bodyListener = function(callback, options, e) {
   const { respectEffect = false, customEvent = false } = options;
   const { id } = this.props;
 
-  const tip = e.target.getAttribute('data-tip') || null;
-  const forId = e.target.getAttribute('data-for') || null;
+  let tip = null;
+  let forId;
+  let target = e.target;
+  let lastTarget;
+  // walk up parent chain until tip is found
+  // there is no match if parent visible area is matched by mouse position, so some corner cases might not work as expected
+  while (tip === null && target !== null) {
+    lastTarget = target;
+    tip = target.getAttribute('data-tip') || null;
+    forId = target.getAttribute('data-for') || null;
+    target = target.parentElement;
+  }
+
+  target = lastTarget || e.target;
 
-  const target = e.target;
   if (this.isCustomEvent(target) && !customEvent) {
     return;
   }