use block nearest when scrolling into view

maxmarcon · Oct 19, 2023 · f90f94c · f90f94c
1 parent 28acac6
commit f90f94c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,5 @@
-* ArrowUp when there is no active option navigates to the last option
+* arrowUp when there is no active option navigates to the last option
+* scroll options into view when they become active
 
 ## 1.2.1 (2023-10-17)
 

diff --git a/assets/js/live_select.js b/assets/js/live_select.js
@@ -108,7 +108,7 @@ export default {
                 if (this.el.id === id) {
                     const option = this.el.querySelector(`div[data-idx="${idx}"]`)
                     if (option) {
-                        option.scrollIntoView(false)
+                        option.scrollIntoView({block: "nearest"})
                     }
                 }
             })

diff --git a/priv/static/live_select.min.js b/priv/static/live_select.min.js