remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 (scroll) fix first scroll

Browse Source
This commit is contained in:
Julien Calixte
2021-03-16 00:49:52 +01:00
parent 35436ba00f
commit 2eb6f3dce3
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/hooks/useFocus.hook.ts
View File

@@ -3,8 +3,10 @@ import { computed, nextTick } from 'vue'
import { NOTE_WIDTH } from '@/constants/note-width' import { NOTE_WIDTH } from '@/constants/note-width'
import { useOverlay } from '@/hooks/useOverlay.hook' import { useOverlay } from '@/hooks/useOverlay.hook'
import { useWindowSize } from '@vueuse/core'
export const useFocus = () => { export const useFocus = () => {
const { height } = useWindowSize()
const { scrollToNote, isMobile } = useOverlay(false) const { scrollToNote, isMobile } = useOverlay(false)
const { query } = useRoute() const { query } = useRoute()
@@ -27,7 +29,7 @@ export const useFocus = () => {
const index = stackedNotes.findIndex((noteSHA) => noteSHA === sha) const index = stackedNotes.findIndex((noteSHA) => noteSHA === sha)
if (isMobile.value) { if (isMobile.value) {
const element = document.querySelector(`.note-${sha}`) as HTMLElement 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) scrollToNote(top)
} else { } else {
const left = index * NOTE_WIDTH const left = index * NOTE_WIDTH