Fix: Unexpected whole page scrollC

delowardev · Aug 25, 2022 · 6a42d8d · 6a42d8d
1 parent 60b432f
commit 6a42d8d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+v1.1.4 (25/08/22)
+
+- Fix: Unexpected whole page scroll. See #28
+
 v1.1.3 (16/06/22)
 
 - Fix: Unable to change group names #25

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue3-emoji-picker",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "license": "MIT",
   "author": "delowardev",
   "repository": {

diff --git a/src/components/Body.vue b/src/components/Body.vue
@@ -107,7 +107,11 @@ export default defineComponent({
       () => {
         bodyInner.value
           ?.querySelector('#' + state.activeGroup)
-          ?.scrollIntoView({ behavior: 'smooth' })
+          ?.scrollIntoView({
+            behavior: 'smooth',
+            block: 'nearest',
+            inline: 'start',
+          })
       }
     )