Nativescript: GridLayout allocate wrong height after open external app on iOS

Created on 18 Oct 2019  ยท  1Comment  ยท  Source: NativeScript/NativeScript

Environment

  • CLI: 6.1.2
  • Cross-platform modules: 6.1.2
  • Android Runtime: 6.1.2
  • iOS Runtime: 6.1.0
  • Plugins:

    • nativescript-permissions: 1.3.8

    • nativescript-contacts: 1.6.2

    • nativescript-ui-listview: 7.1.0

  • NativeScript-Angular: 8.2.2
  • Angular: 8.2.11

Describe the bug

On iOS, after open a third party app from the app (contacts, camera, ...), the GridLayout at the root (in `app.component.html) letting 2 children overlap each other.

To Reproduce

On iOS, App has a nav bar at the bottom.

<!-- app.component.html -->
<GridLayout class="page" rows="*, auto">
  <StackLayout row="0">
    <page-router-outlet></page-router-outlet>
  </StackLayout>
  <StackLayout row="1">
    <navbar></navbar>
  </StackLayout>
</GridLayout>

In a page with a full page list:

  • Open an external app from the app. i.e. contacts,...
  • Back to the list
  • Scroll the list to the bottom.

Simulator Screen Shot - iPhone Xs Max - 2019-10-19 at 21 54 29
=> The last item is partly overlapped by the nav bar.

Expected behavior

Simulator Screen Shot - iPhone Xs Max - 2019-10-19 at 21 54 02

  • The last item is fully above the navbar.

Sample project
https://github.com/tr1et/nativescript-bug-break-layout

Additional context

  • tns-doctor result:
โœ” Your ANDROID_HOME environment variable is set and points to correct directory.
โœ” Your adb from the Android SDK is correctly installed.
โœ” The Android SDK is installed.
โœ” A compatible Android SDK for compilation is found.
โœ” Javac is installed and is configured properly.
โœ” The Java Development Kit (JDK) is installed and is configured properly.
โœ” Xcode is installed and is configured properly.
โœ” xcodeproj is installed and is configured properly.
โœ” CocoaPods are installed.
โœ” CocoaPods update is not required.
โœ” CocoaPods are configured properly.
โœ” Your current CocoaPods version is newer than 1.0.0.
โœ” Python installed and configured correctly.
โœ” The Python 'six' package is found.
โœ” Xcode version 10.3.0 satisfies minimum required version 10.
โœ” Getting NativeScript components versions information...
โœ” Component nativescript has 6.1.2 version and is up to date.
โœ” Component tns-core-modules has 6.1.2 version and is up to date.
โœ” Component tns-android has 6.1.2 version and is up to date.
โš  Update available for component tns-ios. Your current version is 6.1.0 and the latest available version is 6.1.1.
  • I've had this issue since Nativescript 5. Didn't try Nativescript 4.
  • Tested and reproduced this bug on simulator, iPhone 6, X, XS.
bug ios

Most helpful comment

Hi @tr1et,
I was able to recreate the problem within a non-Angular project on iOS 12 simulator. I will mark this as a bug and we will investigate it further. I am also attaching my test project as a reference.
Archive.zip

>All comments

Hi @tr1et,
I was able to recreate the problem within a non-Angular project on iOS 12 simulator. I will mark this as a bug and we will investigate it further. I am also attaching my test project as a reference.
Archive.zip

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rogangriffin picture rogangriffin  ยท  3Comments

rLoka picture rLoka  ยท  3Comments

kn9ts picture kn9ts  ยท  3Comments

Leo-lay picture Leo-lay  ยท  3Comments

hshristov picture hshristov  ยท  3Comments