matryoshka

commit dc6eb7c59575c143f251103526cbeb201180338e
parent 3785139c197c41549a8e822a51e7b786bfc2587c
Author: Hunter
Date:   Wed,  2 Apr 2025 00:18:57 -0400

disable smooth scrolling when navigating in/out

Diffstat:
M
index.html
 | 
31
++++++++++++++++++++-----------

1 file changed, 20 insertions(+), 11 deletions(-)
diff --git a/index.html b/index.html
@@ -866,6 +866,9 @@
 			}
 
 			function navigateIntoSubtask(subtask) {
+				// Temporarily disable smooth scrolling
+				document.documentElement.style.scrollBehavior = 'auto';
+				
 				if (subtask.subtasks.length > 0) {
 					currentTask.selectedSubtaskId = subtask.id;
 					taskPath.push(subtask);
@@ -889,6 +892,9 @@
 
 			function navigateToParentTask() {
 				if (taskPath.length > 1) {
+					// Temporarily disable smooth scrolling
+					document.documentElement.style.scrollBehavior = 'auto';
+					
 					const currentTaskId = currentTask.id;
 					taskPath.pop();
 					currentTask = taskPath[taskPath.length - 1];
@@ -917,17 +923,20 @@
 				input.focus();
 				
 				// Center the active task in the viewport
-				setTimeout(() => {
-					const activeTaskElement = document.querySelector('.task-container.active');
-					if (activeTaskElement && activeTaskElement.parentElement && activeTaskElement.parentElement.tagName === 'LI') {
-						// Use scrollIntoView with block: "center" to center the element vertically
-						activeTaskElement.scrollIntoView({
-							behavior: 'auto',  // Use 'auto' for immediate scrolling
-							block: 'center',   // Center vertically
-							inline: 'nearest'  // Don't change horizontal scroll
-						});
-					}
-				}, 10);
+				const activeTaskElement = document.querySelector('.task-container.active');
+				if (activeTaskElement && activeTaskElement.parentElement && activeTaskElement.parentElement.tagName === 'LI') {
+					// Use scrollIntoView with block: "center" to center the element vertically
+					activeTaskElement.scrollIntoView({
+						behavior: 'auto',  // Use 'auto' for immediate scrolling
+						block: 'center',   // Center vertically
+						inline: 'nearest'  // Don't change horizontal scroll
+					});
+					
+					// Re-enable smooth scrolling after all DOM updates and scrolling are complete
+					setTimeout(() => {
+						document.documentElement.style.scrollBehavior = 'smooth';
+					}, 200);
+				}
 			}
 
 			function updateBreadcrumbs(selectedTask) {