From e2bb0199a875fafa244760cd8b651708fecd3e89 Mon Sep 17 00:00:00 2001
From: Daniel Carl <danielcarl@gmx.de>
Date: Tue, 20 Jun 2017 22:41:50 +0200
Subject: [PATCH] Recalculate and draw hints after resize or scroll.

Refresh the hints in case of scrolling or resizing of the window. This
does only work in case JavaScript is enabled, else the timeout function
nor the event listeners work.
---
 src/scripts/hints.js | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/scripts/hints.js b/src/scripts/hints.js
index c45ad06..b13bfbd 100644
--- a/src/scripts/hints.js
+++ b/src/scripts/hints.js
@@ -48,6 +48,12 @@ var hints = Object.freeze((function(){
         };
     }
 
+    function onresize() {
+        clear();
+        create();
+        show(false);
+    }
+
     function clear() {
         var i, j, doc, e;
         for (i = 0; i < docs.length; i++) {
@@ -465,7 +471,7 @@ var hints = Object.freeze((function(){
 
     /* the api */
     return {
-        init: function init(mode, keepOpen, maxHints, hintKeys, followLast, hintNumSameLength) {
+        init: function(mode, keepOpen, maxHints, hintKeys, followLast, hintNumSameLength) {
             var prop,
                 /* holds the xpaths for the different modes */
                 xpathmap = {
@@ -505,17 +511,20 @@ var hints = Object.freeze((function(){
                 }
             }
 
+            window.addEventListener("resize", onresize, true);
+            window.addEventListener("scroll", onresize, false);
+
             create();
             return show(true);
         },
-        filter: function filter(text) {
+        filter: function(text) {
             /* remove previously set hint-keys filters to make the filter */
             /* easier to understand for the users */
             filterKeys = "";
             filterText = text || "";
             return show(true);
         },
-        update: function update(n) {
+        update: function(n) {
             var pos,
                 keys = config.hintKeys;
             /* delete last hint-keys filter digit */
@@ -529,7 +538,13 @@ var hints = Object.freeze((function(){
             }
             return "ERROR:";
         },
-        clear:        clear,
+        clear: function() {
+            clear();
+            if (window) {
+                window.removeEventListener("resize", onresize, true);
+                window.removeEventListener("scroll", onresize, false);
+            }
+        },
         fire:         fire,
         focus:        focus,
     };
-- 
2.20.1