rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: Fixed issue where safe area insets were not always applying properly on iOS, causing a UI shift (#2912)

Browse Source
This commit is contained in:
Antonella Sgarlatta
2025-07-04 06:04:55 -03:00
committed by GitHub
parent 07f45245a3
commit 117781bb36
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/mobile/src/MobileWebAppContainer.tsx
View File

@@ -370,7 +370,9 @@ const MobileWebAppContents = ({ destroyAndReload }: { destroyAndReload: () => vo
document.documentElement.style.setProperty('--safe-area-inset-right', '${insets.right}px'); document.documentElement.style.setProperty('--safe-area-inset-right', '${insets.right}px');
true; true;
` `
if (Platform.OS === 'android') {
webViewRef.current?.injectJavaScript(injectJS) webViewRef.current?.injectJavaScript(injectJS)
}
if (showAndroidWebviewUpdatePrompt) { if (showAndroidWebviewUpdatePrompt) {
return ( return (

8
packages/web/src/stylesheets/_main.scss
View File

@@ -25,10 +25,10 @@
--reach-checkbox: 1; --reach-checkbox: 1;
--safe-area-inset-top: 0px; --safe-area-inset-top: env(safe-area-inset-top, 0);
--safe-area-inset-bottom: 0px; --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
--safe-area-inset-left: 0px; --safe-area-inset-left: env(safe-area-inset-left, 0);
--safe-area-inset-right: 0px; --safe-area-inset-right: env(safe-area-inset-right, 0);
--sn-stylekit-font-size-editor: 0.9375rem; --sn-stylekit-font-size-editor: 0.9375rem;