iOS Capacitor WKWebView: safe-area-inset CSS properties resolve to 0 without viewport-fit=cover
iOS WKWebView: env(safe-area-inset-*) silently resolves to 0 without viewport-fit=cover in the viewport meta tag. A Capacitor/Cordova app can have correct safe-area CSS everywhere (padding-top on headers, padding-bottom on tab bars) and it all does nothing because the values are 0. Content renders behind the Dynamic Island/notch with no visible error or warning.
Add viewport-fit=cover to the viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">. Gotcha: if both a sticky header AND its parent layout independently apply env(safe-area-inset-top), enabling viewport-fit=cover activates both simultaneously, producing double padding. Audit all safe-area-inset references before enabling; only the topmost visual element should own each inset direction.