Screen height increase when opening external app on iOs

Hi,

On Ionic 2 on iOs, when I open an external app, the screen height increase, header and footer are set outside of the webview:


There is the original webview:


I tap the button to share content by e-mail:


If I cancel message and go back to the webview footer and header are outside the webview:


I have the problem using https://github.com/jeduan/cordova-plugin-facebook4 opening in native browser and cordova-plugin-x-socialsharing.

Thanks for your help,

Hi, I’m facing the exact same issue, for the cordova-plugin-x-socialsharing…and only with the email function.

Anybody found an answer to this???..would appreciate it! :kissing_smiling_eyes:

skewish

Same issue here, anybody found a solution? I have the same problem with cordova-plugin-facebook4. Thanks!

I had faced same issue.

But, now its work properly after using “statusbar” hide and show.

eg:

takeThePhoto(pictureSourceType) {
      this.statusBar.hide();
        this.camera.getPicture({
            sourceType: pictureSourceType,
            destinationType: this.camera.DestinationType.FILE_URI,
            quality: 20,
            targetWidth: 500,
            targetHeight: 500,
            correctOrientation: true,
            encodingType: this.camera.EncodingType.JPEG
        })
            .then(
            imageURI => {
                if (this.platform.is('ios')) {
                  imageURI = imageURI;
                } else if (this.platform.is('android')) {
                  // Modify fileUri format, may not always be necessary
                  imageURI = 'file://' + imageURI;
                }
                window['plugins'].crop.promise(imageURI, {
                    quality: 30
                }).then(newPath => {
                        return this.toBase64(newPath).then((base64Img) => {
                          this.statusBar.show();

use “this.statusBar.hide();” on call function.
and use “this.statusBar.show();” on response.

Use this:

this.socialSharing.share(message, subject, file, link).then(() => {
this.statusBar.hide();
setTimeout(() => {
this.statusBar.show();
},500);
}).catch(() => {
this.statusBar.hide();
setTimeout(() => {
this.statusBar.show();
},500);
});

Thx, I’ll try and hope it works…didn’t had the time to dig into this! :blush:

It is working. Thanks