cordova-plugin-inappbrowser icon indicating copy to clipboard operation
cordova-plugin-inappbrowser copied to clipboard

Published 20 hours ago • verified publisher icon apache

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

Open nicolas-gameffecive opened this issue 4 years ago • 9 comments

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

nicolas-gameffecive avatar Oct 15 '20 11:10 nicolas-gameffecive

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

nskoro avatar Nov 11 '20 21:11 nskoro

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.

ShadTK avatar Dec 03 '20 14:12 ShadTK

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.

nskoro avatar Dec 03 '20 17:12 nskoro

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

marshall86 avatar Feb 18 '21 13:02 marshall86

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 avatar Apr 20 '21 15:04 Heshyo

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.

Heshyo avatar Apr 29 '21 09:04 Heshyo

Setting location: 'no' fixes the issue.

thoechtl avatar Mar 16 '23 21:03 thoechtl

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)?

ls-1N avatar May 12 '23 16:05 ls-1N

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.

russcarver avatar Jun 21 '24 17:06 russcarver