[FIXED] Height changes after linking with the scheme

[sjoerdloeve]

A strange behavior happens if you have your app already running. As soon as you click the mycoolapp:// URL it moves to the app but make the HTML element bigger. But if you don't have the app running and click the URL it's all fine.

• Height on initial start: 812
• Height after linking with the custom scheme: 890

The added height is exact the size of the safe-area properties.

Tested with:

• iPhone X running iOS 13.4.1
• Cordova 9
• Cordova iOS 5.1.1
• Custom URL scheme plugin version 5.0.1

[sjoerdloeve]

Created a simple work around for now:

Check for document height and screen height and if they don't match, remove class default from the HTML attribute.

if(document.documentElement.scrollHeight !== screen.height) {
    document.documentElement.classList.remove("default");
}

CSS example:

html
{
    height: 100%;
    width: 100%;
}

html.default {
    height: calc(100% + env(safe-area-inset-top, 0) + env(safe-area-inset-bottom, 0));
}

[sjoerdloeve]

Found an easier solution: Add height=device-height to the viewport meta tag:

[sjoerdloeve]

The problem is caused by the Cordova Keyboard plugin and not this plugin. Issue can be closed.