From 85c48a5b183bc05258737cf7b26a8f215b1e93ba Mon Sep 17 00:00:00 2001
From: "play.js" <git@gituser.com>
Date: Sun, 20 Sep 2020 09:16:58 -0500
Subject: [PATCH] Scroll search to top when focused

---
 components/search.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/components/search.vue b/components/search.vue
index 5217d03..d8a4add 100644
--- a/components/search.vue
+++ b/components/search.vue
@@ -12,6 +12,7 @@
                 autofocus
                 autocomplete="off"
                 @keyup="queryResults(query)"
+                @focus="scrollInputToTop()"
             >
             <div class="search-input-separator border-white border-t-2" />
         </div>
@@ -93,6 +94,8 @@
 </template>
 
 <script>
+import scrollIntoView from 'scroll-into-view-if-needed'
+
 import appList from '~/assets/app-list.json'
 
 // import overlayStore from './mixins/store'
@@ -173,6 +176,12 @@ export default {
             array.splice(index, 1)
             return pluckedItem
         },
+        scrollInputToTop () {
+            scrollIntoView(this.$refs['search'], {
+                block: 'start', 
+                behavior: 'smooth'
+            })
+        },
         queryResults (rawQuery) {
             // Clear any results from before
             this.titleStartsWithResults = []