gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-28 17:43:36 +01:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

fix(mobile/text): floating toolbar mispositioned on iOS

Browse Source
This commit is contained in:
Elian Doran 2026-02-25 20:15:07 +02:00
parent e1de98c4ae
commit 8e8e6f9ed1
No known key found for this signature in database
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/widgets/type_widgets/text/mobile_editor_toolbar.tsx
View File

@ -68,8 +68,12 @@ export default function MobileEditorToolbar({ inPopupEditor }: MobileEditorToolb
function usePositioningOniOS(enabled: boolean, wrapperRef: MutableRef<HTMLDivElement | null>) {
const adjustPosition = useCallback(() => {
if (!wrapperRef.current) return;
const bottom = window.innerHeight - (window.visualViewport?.height || 0);
wrapperRef.current.style.bottom = `${bottom}px`;
const viewport = window.visualViewport;
if (!viewport) return;
// Account for both viewport height and its offset within the layout viewport,
// which includes the Safari dynamic address bar height and any page scroll.
const bottom = window.innerHeight - viewport.height - viewport.offsetTop;
wrapperRef.current.style.bottom = `${Math.max(0, bottom)}px`;
}, [ wrapperRef ]);
useEffect(() => {