cordova-plugin-camera

cordova-plugin-camera copied to clipboard

I have an app written with Ioinc v1, Cordova and AngularJS 1.5.3.

I am using this plugin to open the Gallery and Camera in my application.

I have an issue on iOS 13 and the iPhoneX suite.

When I open the gallery or the camera with this plugin, it alters the env(safe-area-inset-top) value. It goes from 0 to 44px. It's causing issues as it pushes my app down.

iPhoneX accommodations: https://blog.phonegap.com/displaying-a-phonegap-app-correctly-on-the-iphone-x-c4a85664c493

css

body {
    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); //iOS 11.2
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.bar-footer {
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}

html <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

ionic info

Ionic:

   ionic (Ionic CLI) : 4.10.3 (C:\Users\User\node_modules\ionic)
   Ionic Framework   : ionic1 1.3.5
   @ionic/v1-toolkit : 1.0.22

Cordova:

   cordova (Cordova CLI) : 8.1.2 ([email protected])
   Cordova Platforms     : android 8.1.0, browser 5.0.4, windows 4.4.3
   Cordova Plugins       : cordova-plugin-ionic-webview 4.1.3, (and 17 other plugins)

System:

   Android SDK Tools : 26.1.1 (C:\Users\User\Documents\Android\sdk)
   NodeJS            : v10.21.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.14.4
   OS                : Windows 10

<plugin name="cordova-plugin-camera" spec="^4.0.3" />

See the padding-top value change after I visit the camera:

I have the same issue, only just started to notice it! it pushes up my app, so that i cannot see the navigation bar anymore. i tested to find exactly 44px on an iphone X running ios 13.6.1. This is a breaking change for my apps @aubrey-fowler do you know if any older build of the plugin still works as expected? or is it an ios issue?

@aubrey-fowler @joeldhenry did this problem start happening for you on a recent version of this plugin? I was seeing something similar on Android and ended up fixing it by calling StatusBar.overlaysWebView(false) after deviceready fires.

Hi, if you are using corodova-plugin-statusbar then u need to fix the src/ios/CDVStatusBar.m file, i'am not an ios developer, but i had this issue in my app as well and i found this solution and it helped me fixing the issue.

https://github.com/apache/cordova-plugin-statusbar/pull/157/files