fix(ios): PERMANENT native safe-area + keyboard via Capacitor 7 + safe-area plugin
Device screenshots proved the WebView reports env(safe-area-inset-*)=0, so no web/CSS/JS trick can move content off the Dynamic Island — it must be fixed natively. Upgrade the Capacitor shell to v7 and add @capacitor-community/safe-area (populates env() with real per-device insets, edge-to-edge) and @capacitor/keyboard (resize:native so the composer sits directly on the keyboard, like Teams). - mobile: Capacitor 6 -> 7 for all plugins; add safe-area + keyboard; SafeArea/Keyboard config. - codemagic: npm ci -> npm install (dependency set changed); drop stale Cap6 lockfile. - web: remove the temporary StatusBar/34px hacks (env() now works); keep var(--sat)/var(--sab) padding. - share/connect: back link now respects env(safe-area-inset-top/left). - add native-style slide in/out (push/pop) animation when opening/closing a chat on mobile. Build marker -> 2026-07-17-batch92. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -10,6 +10,14 @@
|
||||
"plugins": {
|
||||
"PushNotifications": {
|
||||
"presentationOptions": ["badge", "sound", "alert"]
|
||||
},
|
||||
"SafeArea": {
|
||||
"detectViewportFitCoverChanges": true,
|
||||
"initialViewportFitCover": true,
|
||||
"offsetForKeyboardInsetBug": true
|
||||
},
|
||||
"Keyboard": {
|
||||
"resize": "native"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Generated
-4929
File diff suppressed because it is too large
Load Diff
+11
-9
@@ -10,17 +10,19 @@
|
||||
"ios": "cap open ios"
|
||||
},
|
||||
"dependencies": {
|
||||
"@capacitor/android": "^6.1.0",
|
||||
"@capacitor/app": "^6.0.0",
|
||||
"@capacitor/camera": "^6.0.0",
|
||||
"@capacitor/core": "^6.1.0",
|
||||
"@capacitor/ios": "^6.1.0",
|
||||
"@capacitor/push-notifications": "^6.0.0",
|
||||
"@capacitor/splash-screen": "^6.0.0",
|
||||
"@capacitor/status-bar": "^6.0.0"
|
||||
"@capacitor-community/safe-area": "^7.0.0",
|
||||
"@capacitor/android": "^7.0.0",
|
||||
"@capacitor/app": "^7.0.0",
|
||||
"@capacitor/camera": "^7.0.0",
|
||||
"@capacitor/core": "^7.0.0",
|
||||
"@capacitor/ios": "^7.0.0",
|
||||
"@capacitor/keyboard": "^7.0.0",
|
||||
"@capacitor/push-notifications": "^7.0.0",
|
||||
"@capacitor/splash-screen": "^7.0.0",
|
||||
"@capacitor/status-bar": "^7.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@capacitor/assets": "^3.0.5",
|
||||
"@capacitor/cli": "^6.1.0"
|
||||
"@capacitor/cli": "^7.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user