From 7606fa8c3ad3eff52ad918be2afbf07764717fa2 Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Tue, 2 Dec 2025 00:02:24 -0500 Subject: [PATCH] Remove smooth scrolling animation from all keyboard navigation MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Changed scrollIntoView behavior from 'smooth' to 'auto' across all templates for instant, non-animated navigation between selections. Affected ~75 instances across 50+ template files. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- kjvstudy_org/templates/biblical_angels.html | 6 +++--- kjvstudy_org/templates/biblical_covenants.html | 6 +++--- kjvstudy_org/templates/biblical_festivals.html | 6 +++--- kjvstudy_org/templates/biblical_maps.html | 2 +- kjvstudy_org/templates/biblical_prophets.html | 6 +++--- kjvstudy_org/templates/biblical_timeline.html | 2 +- kjvstudy_org/templates/book.html | 6 +++--- kjvstudy_org/templates/book_commentary.html | 2 +- kjvstudy_org/templates/books.html | 2 +- kjvstudy_org/templates/chapter.html | 4 ++-- kjvstudy_org/templates/chapter_interlinear.html | 4 ++-- kjvstudy_org/templates/commentary.html | 4 ++-- kjvstudy_org/templates/family_tree.html | 2 +- kjvstudy_org/templates/family_tree_ancestors.html | 2 +- kjvstudy_org/templates/family_tree_descendants.html | 2 +- kjvstudy_org/templates/family_tree_generation.html | 2 +- kjvstudy_org/templates/family_tree_person.html | 4 ++-- kjvstudy_org/templates/family_tree_search.html | 2 +- kjvstudy_org/templates/fruits_of_spirit.html | 6 +++--- kjvstudy_org/templates/index.html | 2 +- kjvstudy_org/templates/names_of_god.html | 6 +++--- kjvstudy_org/templates/parable_detail.html | 2 +- kjvstudy_org/templates/parables.html | 6 +++--- kjvstudy_org/templates/reading_plan_detail.html | 2 +- kjvstudy_org/templates/reading_plans.html | 2 +- kjvstudy_org/templates/resource_detail.html | 2 +- kjvstudy_org/templates/resource_index.html | 6 +++--- kjvstudy_org/templates/resources.html | 2 +- kjvstudy_org/templates/search.html | 2 +- kjvstudy_org/templates/stories_index.html | 4 ++-- kjvstudy_org/templates/stories_kids_index.html | 2 +- kjvstudy_org/templates/story_detail.html | 2 +- kjvstudy_org/templates/story_kids.html | 2 +- kjvstudy_org/templates/strongs_entry.html | 2 +- kjvstudy_org/templates/strongs_index.html | 2 +- kjvstudy_org/templates/strongs_language_index.html | 2 +- kjvstudy_org/templates/study_guide_detail.html | 2 +- kjvstudy_org/templates/study_guides.html | 2 +- kjvstudy_org/templates/tetragrammaton.html | 6 +++--- kjvstudy_org/templates/topic_detail.html | 2 +- kjvstudy_org/templates/topics.html | 2 +- kjvstudy_org/templates/twelve_apostles.html | 6 +++--- kjvstudy_org/templates/verse.html | 4 ++-- kjvstudy_org/templates/verse_of_the_day.html | 2 +- kjvstudy_org/templates/women_of_the_bible.html | 6 +++--- 45 files changed, 75 insertions(+), 75 deletions(-) diff --git a/kjvstudy_org/templates/biblical_angels.html b/kjvstudy_org/templates/biblical_angels.html index 24d599a..ba122dc 100644 --- a/kjvstudy_org/templates/biblical_angels.html +++ b/kjvstudy_org/templates/biblical_angels.html @@ -348,7 +348,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -358,7 +358,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -368,7 +368,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/biblical_covenants.html b/kjvstudy_org/templates/biblical_covenants.html index 06583bc..14ff25e 100644 --- a/kjvstudy_org/templates/biblical_covenants.html +++ b/kjvstudy_org/templates/biblical_covenants.html @@ -346,7 +346,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -356,7 +356,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -366,7 +366,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/biblical_festivals.html b/kjvstudy_org/templates/biblical_festivals.html index 05d5e14..058481c 100644 --- a/kjvstudy_org/templates/biblical_festivals.html +++ b/kjvstudy_org/templates/biblical_festivals.html @@ -346,7 +346,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -356,7 +356,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -366,7 +366,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/biblical_maps.html b/kjvstudy_org/templates/biblical_maps.html index e43aeee..4715dae 100644 --- a/kjvstudy_org/templates/biblical_maps.html +++ b/kjvstudy_org/templates/biblical_maps.html @@ -370,7 +370,7 @@ document.body.dataset.resourceReader = 'true'; entries[selectedIndex].style.outline = '2px solid #4a7c59'; entries[selectedIndex].style.outlineOffset = '4px'; entries[selectedIndex].classList.add('selected'); - entries[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + entries[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/biblical_prophets.html b/kjvstudy_org/templates/biblical_prophets.html index 7fb0a66..2691ea0 100644 --- a/kjvstudy_org/templates/biblical_prophets.html +++ b/kjvstudy_org/templates/biblical_prophets.html @@ -344,7 +344,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -354,7 +354,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -364,7 +364,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/biblical_timeline.html b/kjvstudy_org/templates/biblical_timeline.html index ac62eec..93e367d 100644 --- a/kjvstudy_org/templates/biblical_timeline.html +++ b/kjvstudy_org/templates/biblical_timeline.html @@ -287,7 +287,7 @@ document.body.dataset.resourceReader = 'true'; // Scroll to the section sections[selectedIndex].scrollIntoView({ - behavior: 'smooth', + behavior: 'auto', block: 'start' }); diff --git a/kjvstudy_org/templates/book.html b/kjvstudy_org/templates/book.html index 05e805f..d4cf7d4 100644 --- a/kjvstudy_org/templates/book.html +++ b/kjvstudy_org/templates/book.html @@ -442,7 +442,7 @@ document.addEventListener('DOMContentLoaded', function() { if (chapterSection) { chapterSection.classList.add('selected'); chapterSection.scrollIntoView({ - behavior: 'smooth', + behavior: 'auto', block: 'center' }); } @@ -462,7 +462,7 @@ document.addEventListener('DOMContentLoaded', function() { // Scroll into view if needed chapterLinks[selectedChapterIndex].scrollIntoView({ - behavior: 'smooth', + behavior: 'auto', block: 'nearest' }); } @@ -481,7 +481,7 @@ document.addEventListener('DOMContentLoaded', function() { // Scroll into view if needed contentParagraphs[selectedParagraphIndex].scrollIntoView({ - behavior: 'smooth', + behavior: 'auto', block: 'center' }); } diff --git a/kjvstudy_org/templates/book_commentary.html b/kjvstudy_org/templates/book_commentary.html index 7bb546a..7ec7713 100644 --- a/kjvstudy_org/templates/book_commentary.html +++ b/kjvstudy_org/templates/book_commentary.html @@ -531,7 +531,7 @@ document.addEventListener('DOMContentLoaded', function() { setTimeout(() => { const target = document.querySelector(window.location.hash); if (target) { - target.scrollIntoView({ behavior: 'smooth', block: 'center' }); + target.scrollIntoView({ behavior: 'auto', block: 'center' }); target.classList.add('highlight-verse'); setTimeout(() => { target.classList.remove('highlight-verse'); diff --git a/kjvstudy_org/templates/books.html b/kjvstudy_org/templates/books.html index 81e4132..a15a212 100644 --- a/kjvstudy_org/templates/books.html +++ b/kjvstudy_org/templates/books.html @@ -332,7 +332,7 @@ // Scroll into view cards[selectedIndex].scrollIntoView({ - behavior: 'smooth', + behavior: 'auto', block: 'center' }); } diff --git a/kjvstudy_org/templates/chapter.html b/kjvstudy_org/templates/chapter.html index bbcd51a..401cdd0 100644 --- a/kjvstudy_org/templates/chapter.html +++ b/kjvstudy_org/templates/chapter.html @@ -409,14 +409,14 @@ document.addEventListener('DOMContentLoaded', function() { // Scroll to first verse const firstVerse = document.getElementById('verse-' + start); if (firstVerse) { - firstVerse.scrollIntoView({ behavior: 'smooth', block: 'center' }); + firstVerse.scrollIntoView({ behavior: 'auto', block: 'center' }); } } else { // Single verse const verseEl = document.getElementById('verse-' + versePart); if (verseEl) { verseEl.style.backgroundColor = 'rgba(255, 235, 59, 0.2)'; - verseEl.scrollIntoView({ behavior: 'smooth', block: 'center' }); + verseEl.scrollIntoView({ behavior: 'auto', block: 'center' }); } } } diff --git a/kjvstudy_org/templates/chapter_interlinear.html b/kjvstudy_org/templates/chapter_interlinear.html index 85c7a50..17ab12d 100644 --- a/kjvstudy_org/templates/chapter_interlinear.html +++ b/kjvstudy_org/templates/chapter_interlinear.html @@ -753,7 +753,7 @@ document.addEventListener('click', function(e) { verses[selectedVerseIndex].style.outline = '2px solid #4a7c59'; verses[selectedVerseIndex].style.outlineOffset = '4px'; verses[selectedVerseIndex].classList.add('selected'); - verses[selectedVerseIndex].scrollIntoView({ behavior: 'smooth', block: 'start' }); + verses[selectedVerseIndex].scrollIntoView({ behavior: 'auto', block: 'start' }); } function getWordsInVerse(verseIndex) { @@ -772,7 +772,7 @@ document.addEventListener('click', function(e) { word.classList.add('keyboard-selected'); word.style.outline = '2px solid #4a7c59'; word.style.outlineOffset = '2px'; - word.scrollIntoView({ behavior: 'smooth', block: 'center' }); + word.scrollIntoView({ behavior: 'auto', block: 'center' }); } function expandSelectedWord() { diff --git a/kjvstudy_org/templates/commentary.html b/kjvstudy_org/templates/commentary.html index f146c0a..df35297 100644 --- a/kjvstudy_org/templates/commentary.html +++ b/kjvstudy_org/templates/commentary.html @@ -493,7 +493,7 @@ document.addEventListener('DOMContentLoaded', function() { setTimeout(() => { const target = document.querySelector(window.location.hash); if (target) { - target.scrollIntoView({ behavior: 'smooth', block: 'center' }); + target.scrollIntoView({ behavior: 'auto', block: 'center' }); target.style.transition = 'background-color 1s'; target.style.backgroundColor = 'rgba(255, 235, 59, 0.5)'; @@ -526,7 +526,7 @@ document.addEventListener('DOMContentLoaded', function() { verseCards[selectedIndex].style.outline = '2px solid #4a7c59'; verseCards[selectedIndex].style.outlineOffset = '4px'; verseCards[selectedIndex].classList.add('selected'); - verseCards[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + verseCards[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/family_tree.html b/kjvstudy_org/templates/family_tree.html index 6988807..cfd693c 100644 --- a/kjvstudy_org/templates/family_tree.html +++ b/kjvstudy_org/templates/family_tree.html @@ -826,7 +826,7 @@ document.addEventListener('DOMContentLoaded', function() { // Scroll into view allItems[selectedIndex].scrollIntoView({ - behavior: 'smooth', + behavior: 'auto', block: 'center' }); } diff --git a/kjvstudy_org/templates/family_tree_ancestors.html b/kjvstudy_org/templates/family_tree_ancestors.html index 1e369da..3d4ad63 100644 --- a/kjvstudy_org/templates/family_tree_ancestors.html +++ b/kjvstudy_org/templates/family_tree_ancestors.html @@ -165,7 +165,7 @@ nodes[selectedIndex].style.outline = '2px solid #4a7c59'; nodes[selectedIndex].style.outlineOffset = '4px'; nodes[selectedIndex].classList.add('selected'); - nodes[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + nodes[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/family_tree_descendants.html b/kjvstudy_org/templates/family_tree_descendants.html index 898b491..e0d460b 100644 --- a/kjvstudy_org/templates/family_tree_descendants.html +++ b/kjvstudy_org/templates/family_tree_descendants.html @@ -167,7 +167,7 @@ nodes[selectedIndex].style.outline = '2px solid #4a7c59'; nodes[selectedIndex].style.outlineOffset = '4px'; nodes[selectedIndex].classList.add('selected'); - nodes[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + nodes[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/family_tree_generation.html b/kjvstudy_org/templates/family_tree_generation.html index 0c1245a..ed4f0e3 100644 --- a/kjvstudy_org/templates/family_tree_generation.html +++ b/kjvstudy_org/templates/family_tree_generation.html @@ -438,7 +438,7 @@ cards[selectedIndex].style.outline = '2px solid #4a7c59'; cards[selectedIndex].style.outlineOffset = '2px'; cards[selectedIndex].classList.add('selected'); - cards[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + cards[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/family_tree_person.html b/kjvstudy_org/templates/family_tree_person.html index 953e86f..7a61b2a 100644 --- a/kjvstudy_org/templates/family_tree_person.html +++ b/kjvstudy_org/templates/family_tree_person.html @@ -714,7 +714,7 @@ sections[selectedSectionIndex].style.outline = '2px solid #4a7c59'; sections[selectedSectionIndex].style.outlineOffset = '4px'; sections[selectedSectionIndex].classList.add('selected'); - sections[selectedSectionIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + sections[selectedSectionIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectItem(index) { @@ -724,7 +724,7 @@ allItems[selectedItemIndex].style.outline = '2px solid #4a7c59'; allItems[selectedItemIndex].style.outlineOffset = '4px'; allItems[selectedItemIndex].classList.add('selected'); - allItems[selectedItemIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + allItems[selectedItemIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function getItemsInSection(section) { diff --git a/kjvstudy_org/templates/family_tree_search.html b/kjvstudy_org/templates/family_tree_search.html index 0cda357..ea8d4be 100644 --- a/kjvstudy_org/templates/family_tree_search.html +++ b/kjvstudy_org/templates/family_tree_search.html @@ -69,7 +69,7 @@ results[selectedIndex].style.outline = '2px solid #4a7c59'; results[selectedIndex].style.outlineOffset = '4px'; results[selectedIndex].classList.add('selected'); - results[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + results[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/fruits_of_spirit.html b/kjvstudy_org/templates/fruits_of_spirit.html index f6e1812..8c72a4a 100644 --- a/kjvstudy_org/templates/fruits_of_spirit.html +++ b/kjvstudy_org/templates/fruits_of_spirit.html @@ -350,7 +350,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -360,7 +360,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -370,7 +370,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/index.html b/kjvstudy_org/templates/index.html index d192510..78105d4 100644 --- a/kjvstudy_org/templates/index.html +++ b/kjvstudy_org/templates/index.html @@ -618,7 +618,7 @@ function selectCard(index) { // Scroll into view allCards[selectedCardIndex].scrollIntoView({ - behavior: 'smooth', + behavior: 'auto', block: 'center' }); } diff --git a/kjvstudy_org/templates/names_of_god.html b/kjvstudy_org/templates/names_of_god.html index 66dc4ad..47f6b5e 100644 --- a/kjvstudy_org/templates/names_of_god.html +++ b/kjvstudy_org/templates/names_of_god.html @@ -339,7 +339,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -349,7 +349,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -359,7 +359,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/parable_detail.html b/kjvstudy_org/templates/parable_detail.html index b3dd4af..123f262 100644 --- a/kjvstudy_org/templates/parable_detail.html +++ b/kjvstudy_org/templates/parable_detail.html @@ -142,7 +142,7 @@ elements[selectedIndex].style.outline = '2px solid #4a7c59'; elements[selectedIndex].style.outlineOffset = '8px'; elements[selectedIndex].classList.add('selected'); - elements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + elements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/parables.html b/kjvstudy_org/templates/parables.html index 9056ad7..f77b483 100644 --- a/kjvstudy_org/templates/parables.html +++ b/kjvstudy_org/templates/parables.html @@ -358,7 +358,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -368,7 +368,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -378,7 +378,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/reading_plan_detail.html b/kjvstudy_org/templates/reading_plan_detail.html index 57451aa..1d6c311 100644 --- a/kjvstudy_org/templates/reading_plan_detail.html +++ b/kjvstudy_org/templates/reading_plan_detail.html @@ -238,7 +238,7 @@ elements[selectedIndex].style.outline = '2px solid #4a7c59'; elements[selectedIndex].style.outlineOffset = '8px'; elements[selectedIndex].classList.add('selected'); - elements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + elements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/reading_plans.html b/kjvstudy_org/templates/reading_plans.html index f8f3b0c..d968e6f 100644 --- a/kjvstudy_org/templates/reading_plans.html +++ b/kjvstudy_org/templates/reading_plans.html @@ -119,7 +119,7 @@ cards[selectedIndex].style.outline = '2px solid #4a7c59'; cards[selectedIndex].style.outlineOffset = '2px'; cards[selectedIndex].classList.add('selected'); - cards[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + cards[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/resource_detail.html b/kjvstudy_org/templates/resource_detail.html index 9ad42b0..d27f372 100644 --- a/kjvstudy_org/templates/resource_detail.html +++ b/kjvstudy_org/templates/resource_detail.html @@ -193,7 +193,7 @@ document.body.dataset.resourceReader = 'true'; elements[selectedIndex].style.outline = '2px solid #4a7c59'; elements[selectedIndex].style.outlineOffset = '8px'; elements[selectedIndex].classList.add('selected'); - elements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + elements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/resource_index.html b/kjvstudy_org/templates/resource_index.html index f655574..e935f64 100644 --- a/kjvstudy_org/templates/resource_index.html +++ b/kjvstudy_org/templates/resource_index.html @@ -345,7 +345,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -355,7 +355,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectContentElement(index) { @@ -365,7 +365,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function isInViewport(el) { diff --git a/kjvstudy_org/templates/resources.html b/kjvstudy_org/templates/resources.html index 9f46796..9ccf0cd 100644 --- a/kjvstudy_org/templates/resources.html +++ b/kjvstudy_org/templates/resources.html @@ -244,7 +244,7 @@ cards[selectedIndex].style.outline = '2px solid #4a7c59'; cards[selectedIndex].style.outlineOffset = '2px'; cards[selectedIndex].classList.add('selected'); - cards[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + cards[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/search.html b/kjvstudy_org/templates/search.html index cd40f46..460bd6c 100644 --- a/kjvstudy_org/templates/search.html +++ b/kjvstudy_org/templates/search.html @@ -452,7 +452,7 @@ document.addEventListener('DOMContentLoaded', function() { resultIndex = Math.max(0, Math.min(index, searchResults.length - 1)); searchResults[resultIndex].style.outline = '2px solid #4a7c59'; searchResults[resultIndex].style.outlineOffset = '4px'; - searchResults[resultIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + searchResults[resultIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/stories_index.html b/kjvstudy_org/templates/stories_index.html index 068a172..3e99968 100644 --- a/kjvstudy_org/templates/stories_index.html +++ b/kjvstudy_org/templates/stories_index.html @@ -503,7 +503,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedCardIndex = -1; selectedCatIndex = Math.max(0, Math.min(index, categoryItems.length - 1)); categoryItems[selectedCatIndex].classList.add('selected'); - categoryItems[selectedCatIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + categoryItems[selectedCatIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectStoryCard(index) { @@ -516,7 +516,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedCardIndex = Math.max(0, Math.min(index, cards.length - 1)); cards[selectedCardIndex].style.outline = '2px solid #4a7c59'; cards[selectedCardIndex].style.outlineOffset = '4px'; - cards[selectedCardIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + cards[selectedCardIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/stories_kids_index.html b/kjvstudy_org/templates/stories_kids_index.html index 605338f..fe7d094 100644 --- a/kjvstudy_org/templates/stories_kids_index.html +++ b/kjvstudy_org/templates/stories_kids_index.html @@ -517,7 +517,7 @@ document.addEventListener('DOMContentLoaded', function() { cards[selectedCardIndex].style.outline = '2px solid #8b5cf6'; cards[selectedCardIndex].style.outlineOffset = '4px'; cards[selectedCardIndex].classList.add('selected'); - cards[selectedCardIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + cards[selectedCardIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/story_detail.html b/kjvstudy_org/templates/story_detail.html index 570ad4d..f5e4125 100644 --- a/kjvstudy_org/templates/story_detail.html +++ b/kjvstudy_org/templates/story_detail.html @@ -370,7 +370,7 @@ hr.story-divider::before { elements[selectedIndex].style.outline = '2px solid #4a7c59'; elements[selectedIndex].style.outlineOffset = '8px'; elements[selectedIndex].classList.add('selected'); - elements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + elements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/story_kids.html b/kjvstudy_org/templates/story_kids.html index d262437..cf486e8 100644 --- a/kjvstudy_org/templates/story_kids.html +++ b/kjvstudy_org/templates/story_kids.html @@ -391,7 +391,7 @@ hr.story-divider::before { elements[selectedIndex].style.outline = '2px solid #8b5cf6'; elements[selectedIndex].style.outlineOffset = '8px'; elements[selectedIndex].classList.add('selected'); - elements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + elements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/strongs_entry.html b/kjvstudy_org/templates/strongs_entry.html index 0225d22..fa36d09 100644 --- a/kjvstudy_org/templates/strongs_entry.html +++ b/kjvstudy_org/templates/strongs_entry.html @@ -496,7 +496,7 @@ // Scroll into view cards[selectedIndex].scrollIntoView({ - behavior: 'smooth', + behavior: 'auto', block: 'center' }); } diff --git a/kjvstudy_org/templates/strongs_index.html b/kjvstudy_org/templates/strongs_index.html index a020499..859c5f5 100644 --- a/kjvstudy_org/templates/strongs_index.html +++ b/kjvstudy_org/templates/strongs_index.html @@ -348,7 +348,7 @@ allItems[selectedIndex].style.outline = '2px solid #4a7c59'; allItems[selectedIndex].style.outlineOffset = '2px'; allItems[selectedIndex].classList.add('selected'); - allItems[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + allItems[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/strongs_language_index.html b/kjvstudy_org/templates/strongs_language_index.html index 36fb9ea..2c4cd48 100644 --- a/kjvstudy_org/templates/strongs_language_index.html +++ b/kjvstudy_org/templates/strongs_language_index.html @@ -316,7 +316,7 @@ entries[selectedIndex].style.outline = '2px solid #4a7c59'; entries[selectedIndex].style.outlineOffset = '2px'; entries[selectedIndex].classList.add('selected'); - entries[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + entries[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/study_guide_detail.html b/kjvstudy_org/templates/study_guide_detail.html index 0fc7a44..5c53d51 100644 --- a/kjvstudy_org/templates/study_guide_detail.html +++ b/kjvstudy_org/templates/study_guide_detail.html @@ -246,7 +246,7 @@ document.body.dataset.resourceReader = 'true'; paragraphs[selectedIndex].style.outline = '2px solid #4a7c59'; paragraphs[selectedIndex].style.outlineOffset = '4px'; paragraphs[selectedIndex].classList.add('selected'); - paragraphs[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + paragraphs[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/study_guides.html b/kjvstudy_org/templates/study_guides.html index d7e7925..369d575 100644 --- a/kjvstudy_org/templates/study_guides.html +++ b/kjvstudy_org/templates/study_guides.html @@ -62,7 +62,7 @@ links[selectedIndex].style.outline = '2px solid #4a7c59'; links[selectedIndex].style.outlineOffset = '2px'; links[selectedIndex].classList.add('selected'); - links[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + links[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/tetragrammaton.html b/kjvstudy_org/templates/tetragrammaton.html index 3b7ffb6..d79fc22 100644 --- a/kjvstudy_org/templates/tetragrammaton.html +++ b/kjvstudy_org/templates/tetragrammaton.html @@ -216,7 +216,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -226,7 +226,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -236,7 +236,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/topic_detail.html b/kjvstudy_org/templates/topic_detail.html index b098d30..bff8baa 100644 --- a/kjvstudy_org/templates/topic_detail.html +++ b/kjvstudy_org/templates/topic_detail.html @@ -229,7 +229,7 @@ elements[selectedIndex].style.outline = '2px solid #4a7c59'; elements[selectedIndex].style.outlineOffset = '8px'; elements[selectedIndex].classList.add('selected'); - elements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + elements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/topics.html b/kjvstudy_org/templates/topics.html index b6b1217..4f5c3c3 100644 --- a/kjvstudy_org/templates/topics.html +++ b/kjvstudy_org/templates/topics.html @@ -120,7 +120,7 @@ cards[selectedIndex].style.outline = '2px solid #4a7c59'; cards[selectedIndex].style.outlineOffset = '2px'; cards[selectedIndex].classList.add('selected'); - cards[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + cards[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/twelve_apostles.html b/kjvstudy_org/templates/twelve_apostles.html index e7b5bb0..39d4ab2 100644 --- a/kjvstudy_org/templates/twelve_apostles.html +++ b/kjvstudy_org/templates/twelve_apostles.html @@ -345,7 +345,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -355,7 +355,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -365,7 +365,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() { diff --git a/kjvstudy_org/templates/verse.html b/kjvstudy_org/templates/verse.html index 891f852..4a0f60a 100644 --- a/kjvstudy_org/templates/verse.html +++ b/kjvstudy_org/templates/verse.html @@ -887,7 +887,7 @@ elements[selectedIndex].style.outline = '2px solid #4a7c59'; elements[selectedIndex].style.outlineOffset = '4px'; elements[selectedIndex].classList.add('selected'); - elements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + elements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectWord(index) { @@ -906,7 +906,7 @@ word.classList.add('keyboard-selected'); word.style.outline = '2px solid #4a7c59'; word.style.outlineOffset = '2px'; - word.scrollIntoView({ behavior: 'smooth', block: 'center' }); + word.scrollIntoView({ behavior: 'auto', block: 'center' }); } function isInterlinearSelected() { diff --git a/kjvstudy_org/templates/verse_of_the_day.html b/kjvstudy_org/templates/verse_of_the_day.html index 42b0c5d..dae9990 100644 --- a/kjvstudy_org/templates/verse_of_the_day.html +++ b/kjvstudy_org/templates/verse_of_the_day.html @@ -64,7 +64,7 @@ rows[selectedIndex].style.outline = '2px solid #4a7c59'; rows[selectedIndex].style.outlineOffset = '2px'; rows[selectedIndex].classList.add('selected'); - rows[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + rows[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } document.addEventListener('keydown', function(e) { diff --git a/kjvstudy_org/templates/women_of_the_bible.html b/kjvstudy_org/templates/women_of_the_bible.html index 521b934..8b0d765 100644 --- a/kjvstudy_org/templates/women_of_the_bible.html +++ b/kjvstudy_org/templates/women_of_the_bible.html @@ -346,7 +346,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = -1; toc.style.outline = '2px solid #4a7c59'; toc.style.outlineOffset = '8px'; - toc.scrollIntoView({ behavior: 'smooth', block: 'center' }); + toc.scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectTocItem(index) { @@ -356,7 +356,7 @@ document.addEventListener('DOMContentLoaded', function() { selectedTocIndex = Math.max(0, Math.min(index, tocItems.length - 1)); tocItems[selectedTocIndex].style.background = 'rgba(74, 124, 89, 0.15)'; tocItems[selectedTocIndex].style.outline = '2px solid #4a7c59'; - tocItems[selectedTocIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + tocItems[selectedTocIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function selectElement(index) { @@ -366,7 +366,7 @@ document.addEventListener('DOMContentLoaded', function() { contentElements[selectedIndex].style.outline = '2px solid #4a7c59'; contentElements[selectedIndex].style.outlineOffset = '8px'; contentElements[selectedIndex].classList.add('selected'); - contentElements[selectedIndex].scrollIntoView({ behavior: 'smooth', block: 'center' }); + contentElements[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' }); } function shouldResetToViewport() {