From 2eb6f3dce32a177958b884b90c7778e7de63397b Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Tue, 16 Mar 2021 00:49:52 +0100
Subject: [PATCH] :bug: (scroll) fix first scroll

---
 src/hooks/useFocus.hook.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useFocus.hook.ts b/src/hooks/useFocus.hook.ts
index d639e57..68e215d 100644
--- a/src/hooks/useFocus.hook.ts
+++ b/src/hooks/useFocus.hook.ts
@@ -3,8 +3,10 @@ import { computed, nextTick } from 'vue'
 
 import { NOTE_WIDTH } from '@/constants/note-width'
 import { useOverlay } from '@/hooks/useOverlay.hook'
+import { useWindowSize } from '@vueuse/core'
 
 export const useFocus = () => {
+  const { height } = useWindowSize()
   const { scrollToNote, isMobile } = useOverlay(false)
   const { query } = useRoute()
 
@@ -27,7 +29,7 @@ export const useFocus = () => {
       const index = stackedNotes.findIndex((noteSHA) => noteSHA === sha)
       if (isMobile.value) {
         const element = document.querySelector(`.note-${sha}`) as HTMLElement
-        const top = (index + 1) * (element?.clientHeight ?? 0)
+        const top = (index + 1) * (element?.clientHeight ?? height.value)
         scrollToNote(top)
       } else {
         const left = index * NOTE_WIDTH