center active task when navigating up/down with arrow keys

Hunter
Monday, March 31st, 2025 at 11:45 PM

.gitignore+2 
index.html+13 

.gitignore
1  CLAUDE.md
2 +
3 +**/CLAUDE.local.md
index.html
912  				updateBreadcrumbs(task);
913  				lastSubtaskDownArrowReleased = isLastSubtask(task);
914  				input.focus();
915 +				
916 +				// Center the active task in the viewport
917 +				setTimeout(() => {
918 +					const activeTaskElement = document.querySelector('.task-container.active');
919 +					if (activeTaskElement && activeTaskElement.parentElement && activeTaskElement.parentElement.tagName === 'LI') {
920 +						// Use scrollIntoView with block: "center" to center the element vertically
921 +						activeTaskElement.scrollIntoView({
922 +							behavior: 'auto',  // Use 'auto' for immediate scrolling
923 +							block: 'center',   // Center vertically
924 +							inline: 'nearest'  // Don't change horizontal scroll
925 +						});
926 +					}
927 +				}, 10);
928  			}
929  
930  			function updateBreadcrumbs(selectedTask) {