The webview size in the Android (chrome) inspector is proper but on a device (Pixel 4a – Android 13), the navigation bar overlaps the webview. How do I make sure the nav bar does not overlay the webview?

Preferences :

 <preference name="StatusBarBackgroundColor" value="#000000" />
 <preference name="StatusBarOverlaysWebView" value="false" />

Related plugin :

 <plugin name="cordova-plugin-statusbar" spec="^4.0.0" />

Here’s the meta :

 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height">

Inspector screenshot

Device screenshot