From cf6d22c5e0b8ccf1206a7d0f74bc625708391d58 Mon Sep 17 00:00:00 2001
From: gorhill <rhill@raymondhill.net>
Date: Sat, 30 Aug 2014 17:20:14 -0400
Subject: [PATCH] this fixes #190

---
 js/element-picker.js | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/js/element-picker.js b/js/element-picker.js
index c818a296b..299207a65 100644
--- a/js/element-picker.js
+++ b/js/element-picker.js
@@ -240,6 +240,8 @@ var divDialog = null;
 var taCandidate = null;
 
 var targetElements = [];
+var svgWidth = 0;
+var svgHeight = 0;
 
 /******************************************************************************/
 
@@ -636,9 +638,22 @@ var onKeyPressed = function(ev) {
 
 /******************************************************************************/
 
+var onScrolled = function(ev) {
+    var newHeight = this.scrollY + this.innerHeight;
+    if ( newHeight > svgHeight ) {
+        svgHeight = newHeight;
+        svgRoot.setAttribute('height', svgHeight);
+        svgRoot.setAttribute("viewBox", '0 0 ' + svgWidth + ' ' + svgHeight);
+    }
+    highlightElements(targetElements, true);
+};
+
+/******************************************************************************/
+
 var stopPicker = function() {
     if ( pickerRoot !== null ) {
         document.removeEventListener('keydown', onKeyPressed);
+        window.removeEventListener('scroll', onScrolled);
         taCandidate.removeEventListener('input', onCandidateChanged);
         divDialog.removeEventListener('click', onDialogClicked);
         svgRoot.removeEventListener('mousemove', onSvgHovered);
@@ -790,8 +805,11 @@ var startPicker = function() {
 
     svgRoot = document.createElementNS(svgns, 'svg');
     svgRoot.innerHTML = '<path /><path />';
-    var svgWidth = document.documentElement.scrollWidth;
-    var svgHeight = document.documentElement.scrollHeight;
+    svgWidth = document.documentElement.scrollWidth;
+    svgHeight = Math.max(
+        document.documentElement.scrollHeight,
+        window.scrollY + window.innerHeight
+    );
     svgRoot.setAttribute('x', 0);
     svgRoot.setAttribute('y', 0);
     svgRoot.setAttribute('width', svgWidth);
@@ -829,6 +847,7 @@ var startPicker = function() {
     divDialog.addEventListener('click', onDialogClicked);
     taCandidate = divDialog.querySelector('textarea');
     taCandidate.addEventListener('input', onCandidateChanged);
+    window.addEventListener('scroll', onScrolled);
     document.addEventListener('keydown', onKeyPressed);
 };