fix(stacked-note): size mobile notes with svh to stabilize scroll target

Dynamic viewport units rescale every note when the mobile address bar
grows or shrinks, shifting the scroll target by the address-bar height
mid-flight. Small viewport units stay constant across address-bar
transitions so the smooth scroll lands where it was aimed.
This commit is contained in:
Julien Calixte
2026-05-04 18:45:45 +02:00
parent cc266eac7c
commit 2f05b93f51
3 changed files with 3 additions and 3 deletions

View File

@@ -19,7 +19,7 @@ export const useResizeContainer = (
}
if (isMobile.value) {
container.style.height = `${(stackedNotes.value.length + 1) * 100}dvh`
container.style.height = `${(stackedNotes.value.length + 1) * 100}svh`
} else {
container.style.minWidth = `${
getNoteWidth() * (stackedNotes.value.length + 1)