Software keyboard focus pushes all content when using router-outlet

[NickIliev]

Steps to reproduce"

• use this test application
• tap "go to test page" - it will load a page with button and router-outlet. The router-outlet has ListView and TextField.
• enter data in the TextField - at the moment the software keyboard appears it will "push" all the content instead of appearing over it. The issue is pretty consistent but sometimes it works as expected (the keyboard is appearing over the content and not pushing it) - in this case, rebuild the application and the issue will appear again.

Reported via t.1115943

[NickIliev]

+1 reported via t.1116783

[Ericky14]

It's worth noting that if the page is loaded directly from app.component.ts as in adding "redirectTo: 'pageUrl...'" to the path '', this bug does not occur. In other words, it does not occur in the first page the app visits, it occurs after a transition has been made.

[NickIliev]

It seems that the issue is caused by the router-outlet not being able to set its height correctly.
Even if we change this lines to

<GridLayout rows="100, 500">
  <Button row="0" text="Go back" [nsRouterLink]="['/main', { outlets: { outlet: ['test']}}]"></Button>
  <router-outlet row="1" name="outlet"></router-outlet>
</Stacklayout>

The router-outlet won't be able to occupe 500dp. This later leeds to the issue where if the software keyboard is onviked it will push the whole content (including the button outside of router-outlet)

Updated test project can be found here