From 7cb4731156bba2b3ce76e774afa2c5fddc074618 Mon Sep 17 00:00:00 2001
From: Kevin Froman <beardog@mailbox.org>
Date: Thu, 21 Jan 2021 22:17:05 +0000
Subject: [PATCH] Fix scroll jumping by changing connected node list to an
 iframe

---
 static-data/www/private/index.html    |  4 ++--
 static-data/www/private/main.css      | 11 +++++------
 static-data/www/shared/main/stats.js  |  7 +++----
 static-data/www/shared/main/style.css |  2 +-
 4 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/static-data/www/private/index.html b/static-data/www/private/index.html
index 313fa36f..e73abb7f 100755
--- a/static-data/www/private/index.html
+++ b/static-data/www/private/index.html
@@ -271,8 +271,8 @@
 
                             <i class="fas fa-link"></i>
                             Outgoing Connections:
-                            <div class="container connectedNodesControl">
-                                <pre id="connectedNodes">Unable to get nodes</pre>
+                            <div class="container">
+                                <iframe id="connectedNodesIframe" srcdoc="Unable to get nodes" scrolling="no"></iframe>
                             </div>
                             <br>
                             <div class="field">
diff --git a/static-data/www/private/main.css b/static-data/www/private/main.css
index b53e80b6..78c903a1 100755
--- a/static-data/www/private/main.css
+++ b/static-data/www/private/main.css
@@ -14,11 +14,6 @@
     margin-top: 1em;
 }
 
-#connectedNodes{
-    overflow-y: hidden;
-    max-height: 300px;
-    max-width: 300px;
-}
 
 #configToggle, #configContent{
     margin-left: 1em;
@@ -60,4 +55,8 @@
 
   .torTransportField {
       margin-top: 2em;
-  }
\ No newline at end of file
+  }
+
+  #connectedNodesIframe{
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/static-data/www/shared/main/stats.js b/static-data/www/shared/main/stats.js
index 4cee2d7b..8cd4f529 100755
--- a/static-data/www/shared/main/stats.js
+++ b/static-data/www/shared/main/stats.js
@@ -96,12 +96,11 @@ var getStats = function(){
         .then(function(stats) {
             uptimeDisplay.innerText = seconds2time(stats['uptime'])
             connectedNodes = stats['connectedNodes'].split('\n')
-            connectedDisplay.innerText = ''
+            document.getElementById('connectedNodesIframe').srcdoc = '<pre>'
             for (x = 0; x < connectedNodes.length; x++){
-                if (! connectedDisplay.innerText.includes(connectedNodes[x])){
-                    connectedDisplay.innerText += '🧅 ' + connectedNodes[x] + '\n'
-                }
+                document.getElementById('connectedNodesIframe').srcdoc += '🧅 ' + connectedNodes[x] + '\n'
             }
+            document.getElementById('connectedNodesIframe').srcdoc += '</pre>'
             storedBlockDisplay.innerText = stats['blockCount']
             queuedBlockDisplay.innerText = stats['blockQueueCount']
             document.getElementById('threads').innerText = stats['threads']
diff --git a/static-data/www/shared/main/style.css b/static-data/www/shared/main/style.css
index 0661055b..855179c7 100755
--- a/static-data/www/shared/main/style.css
+++ b/static-data/www/shared/main/style.css
@@ -190,4 +190,4 @@ body{
 
 .hidden{
     display: none;
-}
+}
\ No newline at end of file