ArkHost/HelixNotes
1
0
Fork 0
mirror of https://gitlab.com/ArkHost/HelixNotes.git synced 2026-07-23 23:35:57 +02:00
Code Issues Projects Releases Wiki Activity

Fix mobile popup positioning using visualViewport (#193)

Browse Source
This commit is contained in:
Yuri Karamian
2026-06-30 12:51:41 +02:00
parent 09f9df968d
commit 35a8501f2d
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Editor.svelte
+6 -3
View File
@@ -1896,7 +1896,8 @@
// Keep menu within viewport (account for virtual keyboard on mobile) // Keep menu within viewport (account for virtual keyboard on mobile)
if (x + 240 > window.innerWidth) x = window.innerWidth - 250; if (x + 240 > window.innerWidth) x = window.innerWidth - 250;
const visibleBottom = window.innerHeight - keyboardHeight; const vv1 = window.visualViewport;
const visibleBottom = isMobile && vv1 ? vv1.height + (vv1.offsetTop || 0) : window.innerHeight;
const menuHeight = 300; const menuHeight = 300;
let y = coords.bottom + 4; let y = coords.bottom + 4;
if (y + menuHeight > visibleBottom) y = coords.top - menuHeight - 4; if (y + menuHeight > visibleBottom) y = coords.top - menuHeight - 4;
@@ -2048,7 +2049,8 @@
const coords = editor.view.coordsAtPos(from); const coords = editor.view.coordsAtPos(from);
let x = coords.left; let x = coords.left;
if (x + 200 > window.innerWidth) x = window.innerWidth - 210; if (x + 200 > window.innerWidth) x = window.innerWidth - 210;
const visibleBottom = window.innerHeight - keyboardHeight; const vv2 = window.visualViewport;
const visibleBottom = isMobile && vv2 ? vv2.height + (vv2.offsetTop || 0) : window.innerHeight;
const menuH = 180; const menuH = 180;
let y = coords.bottom + 4; let y = coords.bottom + 4;
if (y + menuH > visibleBottom) y = coords.top - menuH - 4; if (y + menuH > visibleBottom) y = coords.top - menuH - 4;
@@ -2520,7 +2522,8 @@
const coords = editor.view.coordsAtPos(from); const coords = editor.view.coordsAtPos(from);
let x = coords.left; let x = coords.left;
if (x + 280 > window.innerWidth) x = window.innerWidth - 290; if (x + 280 > window.innerWidth) x = window.innerWidth - 290;
const visibleBottom = window.innerHeight - keyboardHeight; const vv = window.visualViewport;
const visibleBottom = isMobile && vv ? vv.height + (vv.offsetTop || 0) : window.innerHeight;
const menuHeight = 360; const menuHeight = 360;
let y = coords.bottom + 4; let y = coords.bottom + 4;
if (y + menuHeight > visibleBottom) y = coords.top - menuHeight - 4; if (y + menuHeight > visibleBottom) y = coords.top - menuHeight - 4;