From 3749294def8ae0ee27fb43238e5ab02112d3bf9c Mon Sep 17 00:00:00 2001
From: Matt Mascarenhas <matt@handmadedev.org>
Date: Sun, 18 Jun 2017 22:42:11 +0100
Subject: [PATCH] player.js: Fix marker sub-element hover xoffset

---
 hmml_to_html/player.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/hmml_to_html/player.js b/hmml_to_html/player.js
index 3e0bcd3..dae3863 100644
--- a/hmml_to_html/player.js
+++ b/hmml_to_html/player.js
@@ -172,9 +172,17 @@ Player.prototype.onMarkerClick = function(marker, ev) {
     this.play();
 };
 
+function getElementXOffsetFromPage(el) {
+    var left = 0;
+    do {
+        left += el.offsetLeft;
+    } while (el = el.offsetParent);
+    return left;
+}
+
 Player.prototype.onMarkerMouseMove = function(marker, ev) {
     if (this.currentMarker == marker) {
-        marker.hoverx = (ev.offsetX - marker.el.offsetLeft) / marker.el.offsetWidth;
+        marker.hoverx = (ev.pageX - getElementXOffsetFromPage(marker.el)) / marker.el.offsetWidth;
     }
 };