From cdb321ea72519b805147c65e54d572177e54d736 Mon Sep 17 00:00:00 2001
From: ebolam <ebolam@gmail.com>
Date: Thu, 14 Jul 2022 19:31:22 -0400
Subject: [PATCH] Scroll Test

---
 static/koboldai.js       | 24 +++---------------------
 templates/index_new.html |  5 ++---
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/static/koboldai.js b/static/koboldai.js
index 98605fdf..10c0cb87 100644
--- a/static/koboldai.js
+++ b/static/koboldai.js
@@ -161,10 +161,11 @@ function do_story_text_updates(data) {
 	if (document.getElementById('Selected Text Chunk '+data.value.id)) {
 		document.getElementById('Selected Text Chunk '+data.value.id).textContent = data.value.text;
 		document.getElementById('Selected Text Chunk '+data.value.id).classList.remove("pulse")
-		scrollToView(document.getElementById('Selected Text Chunk '+data.value.id));
+		document.getElementById('Selected Text Chunk '+data.value.id).scrollIntoView();
 	} else {
 		var span = document.createElement("span");
 		span.id = 'Selected Text Chunk '+data.value.id;
+		span.classList.add("rawtext");
 		span.chunk = data.value.id;
 		span.original_text = data.value.text;
 		span.setAttribute("contenteditable", true);
@@ -180,7 +181,7 @@ function do_story_text_updates(data) {
 		
 		
 		story_area.append(span);
-		scrollToView(span);
+		span.scrollIntoView();
 	}
 	
 }
@@ -962,25 +963,6 @@ function upload_file(file_box) {
 }
 
 //--------------------------------------------General UI Functions------------------------------------
-function scrollToView(element){
-    var offset = element.offset().top;
-    if(!element.is(":visible")) {
-        element.css({"visibility":"hidden"}).show();
-        var offset = element.offset().top;
-        element.css({"visibility":"", "display":""});
-    }
-
-    var visible_area_start = $(window).scrollTop();
-    var visible_area_end = visible_area_start + window.innerHeight;
-
-    if(offset < visible_area_start || offset > visible_area_end){
-         // Not in view so scroll to it
-         $('html,body').animate({scrollTop: offset - window.innerHeight/3}, 1000);
-         return false;
-    }
-    return true;
-}
-
 function update_token_lengths() {
 	max_token_length = parseInt(document.getElementById("model_max_length_cur").value);
 	if ((document.getElementById("memory").getAttribute("story_memory_length") == null) || (document.getElementById("memory").getAttribute("story_memory_length") == "")) {
diff --git a/templates/index_new.html b/templates/index_new.html
index 603b62e4..4ae8016e 100644
--- a/templates/index_new.html
+++ b/templates/index_new.html
@@ -32,10 +32,9 @@
 			<div class="menubar3"></div>
 		</div>
 		<!------------ Game Text Screen--------------------->
-		<div class="gamescreen" id="gamescreen">
-			<div class="gametext">
+		<div class="gamescreen rawtext" id="gamescreen">
+			<div class="gametext" id="Selected Text">
 				<span id="story_prompt" class="var_sync_story_prompt var_sync_alt_story_prompt_length rawtext" contenteditable=true onchange="sync_to_server(this);" onkeydown="detect_enter_text"></span>
-				<span id="Selected Text" class="rawtext"></span>
 			</div>
 		</div>
 		<!------------ Sequences --------------------->