Nativescript: iOS Safe area showing above keyboard too

[tralves]

Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

• CLI: 5.3.0
• Android Runtime: 5.3.1
• iOS Runtime: 5.3.1

Describe the bug
When the keyboard is up, the safe area is showing above the keyboard, which doesn't make sense because there is a safe area below the keyboard.

The bug is visible in the next image:

To Reproduce

The above screenshots come from the example playground: https://play.nativescript.org/?template=play-vue&id=rra7oZ

• Open the app;
• Tap the text field;

Expected behavior

When the keyboard is up, there should be no safe area above the keyboard.

Sample project

Playground sample: https://play.nativescript.org/?template=play-vue&id=rra7oZ

Additional context

This bug only occurs in iOS with safe areas, such as iPhone XR. It looks fine on an iPhone 8, for example.

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[tsonevn]

Hi @tralves,
Thank you for the provided sample project. We were able to recreate the problem and I will mark it as a bug.
For now, I would suggest keeping track of the issue.

[fcknawsm]

Hi @tralves,
Thank you for the provided sample project. We were able to recreate the problem and I will mark it as a bug.
For now, I would suggest keeping track of the issue.

Any updates?

[farfromrefug]

I might have fixes that issue in a PR of mine but it is not merged yet. @rigor789 it might be a fix I added in the PR about the new ignore safe area option. There I added a fix for when the controller is not aligned to the top. It could fix this . and anyway my new option would fix this!