feat: improve focus utils

* use block height to determine behavior of scrollIntoView()
* change color of indicator for focused block
* make indicator always visible

1 files changed, 4 insertions, 1 deletions

diff --git a/src/dumbyUtils.mjs b/src/dumbyUtils.mjs
index ba0bbf8..fc9eab9 100644
--- a/src/dumbyUtils.mjs
+++ b/src/dumbyUtils.mjs
@@ -49,7 +49,10 @@ export function focusNextBlock(reverse = false) {
   const nextBlock = blocks[nextIndex]
   blocks.forEach(b => b.classList.remove('focus'))
   nextBlock?.classList?.add('focus')
-  nextBlock.scrollIntoView({ behavior: 'smooth', block: "nearest" })
+  const scrollBlock = nextBlock.getBoundingClientRect().height > nextBlock.parentElement.getBoundingClientRect().height * 0.8
+    ? 'nearest'
+    : 'center'
+  nextBlock.scrollIntoView({ behavior: 'smooth', block: scrollBlock })
 }
 
 export function removeBlockFocus() {