search

apache / cordova-plugin-inappbrowser

Apache Cordova InAppBrowser Plugin
https://cordova.apache.org/
Apache License 2.0
1.11k stars 2.15k forks source link

IOS - Not opening in full height - Only on the first time #801

Open nicolas-gameffecive opened 3 years ago

nicolas-gameffecive commented 3 years ago

Bug Report

IOS - Not opening in full height - Only on the first time

Problem

When opening a URL in the In App Brower for the first time, The height of the browser is not full height and the is a gap at the bottom

What is expected to happen?

Browser should be full height

What does actually happen?

Blank space at the bottom of the window (transparent and you can see the app) ios bug

nskoro commented 3 years ago

I'm having this issue, but it's every time. Any fix?

ShadTK commented 3 years ago

Also having this issue. Trying out some new configs to see if anything changes. Has anyone looked into this?

More info on my project:

Currently running on cordova 8.1.2, Ionic 3.7.1, node 10.15.0 Xcode version 12.1. Testing on ios 14.

nskoro commented 3 years ago

Also having this issue. Trying out some new configs to see if anything changes. Has anyone looked into this?

More info on my project:

Currently running on cordova 8.1.2, Ionic 3.7.1, node 10.15.0 Xcode version 12.1. Testing on ios 14.

Didn't find a fix, I just customized that status bar color to fit the app, and left it on.

marshall86 commented 3 years ago

Having similar issues here.. I'm using Ionic + capacitor 2.4.6, plugin version 4.0.2 and on iOS when i launch a page with inappbrowser and i close the fullscreen mode i can see part of the header of the application.

The issue is most probably related to the notch because on devices without notch everything looks fine.

Any suggestion or fix would be really appreciated.

Thanks

Heshyo commented 3 years ago

Same issue, except it's not only the 1st time. As @marshall86 noted, it seems to be caused by the notch.

That empty space is at the bottom in my app, just above the Close button, so the upper portion of the footer of the app is partially visible.

A dirty hack could be to display a page or modal with the right color, to hide the app's content.

Anyone has a better idea on how to fix that?

Heshyo commented 3 years ago

Actually my problem doesn't seem to be linked to having a notch or not. I opened https://github.com/apache/cordova-plugin-inappbrowser/issues/870 for my issue, not being sure whether they are the same or not.

thoechtl commented 1 year ago

Setting location: 'no' fixes the issue.

ls-1N commented 1 year ago

Setting location: 'no' fixes the issue.

How did you set it? Did you do it manually for each desired invocation of cordova.InAppBrowser.open or did you override every invocation of cordova.InAppBrowser.open (or even window.open)?

russcarver commented 1 month ago

Setting location: 'no' fixes the issue.

I was testing on an iPhone XR (iOS 17.5.1) with: Ionic 7 Angular 14.1 cordova-plugin-inappbrowser 5.0.0 @ionic-native/in-app-browser 5.23.0

and it was still broken.

Setting location: 'no' fixed it for me as well: this.inAppBrowser.create(urlToOpen, '_blank', { location: 'no' })

Retested on a Samsung Galaxy S23 Ultra (Android 14) to make sure it didn't break Android and all is well.