gamezonline/Moku
1
0
Fork 0
mirror of https://github.com/moku-project/Moku.git synced 2026-06-13 01:09:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

[BETA] QOL Updates (Reader AutoScroll WIP)

Browse Source
This commit is contained in:
Youwes09
2026-02-21 21:50:36 -06:00
parent 9297743d52
commit b921b5eb99
57 changed files with 681 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/context/ContextMenu.tsx
+13 -6
View File
@@ -51,13 +51,20 @@ export default function ContextMenu({ x, y, items, onClose }: Props) {
};
}, [onClose]);
// Adjust position so menu doesn't clip outside viewport
// Adjust position so menu doesn't clip outside viewport.
// Compensate for CSS zoom (applied via document.documentElement.style.zoom)
// because clientX/Y are pre-zoom pixels while `position:fixed` is post-zoom.
const style = useCallback(() => {
const menuW = 200;
const menuH = items.length * 32;
const left = x + menuW > window.innerWidth ? x - menuW : x;
const top = y + menuH > window.innerHeight ? y - menuH : y;
return { left, top };
const zoom = parseFloat(document.documentElement.style.zoom || "1") / 100 || 1;
const scaledX = x / zoom;
const scaledY = y / zoom;
const menuW = 200;
const menuH = items.length * 36;
const vw = window.innerWidth / zoom;
const vh = window.innerHeight / zoom;
const left = scaledX + menuW > vw ? scaledX - menuW : scaledX;
const top = scaledY + menuH > vh ? scaledY - menuH : scaledY;
return { left: Math.max(4, left), top: Math.max(4, top) };
}, [x, y, items.length]);
return createPortal(