Android samsung s8 top of external web pages are getting cut off / under status bar + InAppBrowser



If the screenshots have uploaded correctly, they show that web pages are being cut-off slightly at the top when an external link is open in the In App Browser. The pages and header / toolbar within the app work fine. The problem is with the In App Browser and nothing I found to try to adjust the display once the IAB opens has worked. I have only seen this problem on my samsung s8 test device, android 7.0. Other android devices, Samsung S7 and Google Pixel, are fine.

any ideas?

Did you try adding viewport-fit=cover to your <meta name="viewport" content="..."> in index.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” "

this is in the index.html (it was like the above with the iab error for samsung s8). so still looking for something else to try.

and changing something on the viewport like initial scale=2.0 only affects the app/ built-in app pages. once it opens up the In App Browser window, the same problem persists.

bump - no one else has encountered this?

I also face the same issue but solution is nowhere to be found.

Bumping as I am running into this issue as well. Has any new info come to light?