Skip to content

[iOS] ScrollView inside a nested RadSideDrawer incorrect layout #6674

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
MartoYankov opened this issue Dec 6, 2018 · 3 comments
Open

[iOS] ScrollView inside a nested RadSideDrawer incorrect layout #6674

MartoYankov opened this issue Dec 6, 2018 · 3 comments

Comments

@MartoYankov
Copy link
Contributor

MartoYankov commented Dec 6, 2018

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.0.3
  • Cross-platform modules: 5.0.5
  • iOS Runtime: 5.0.0
  • Plugin(s): nativescript-ui-sidedrawer: 5.0.0

Describe the bug
On iPhone X family (the ones with the notch) having a ScrollView as direct child of nested RadSideDrawer mainContent breaks the layout. The first element in the ScrollView is offset from the top incorrectly.

Sample project
https://play.nativescript.org/?template=play-tsc&id=P8f1mc&v=2


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

@erjdriver
Copy link

erjdriver commented Jan 26, 2019

Setting the flat property of ActionBar to true - seems to fix the problem.

Seems to be related to issue #6788

This flat property seems to be causing other problems in my iOS app if it's enabled - so both false and true values seems to be causing different problems. I'll create a new issue for that.

@MartoYankov
Copy link
Contributor Author

@erjdriver I'm investigating the action bar flat mode and it doesn't seem that this issue is connected to it. There is no action bar at play here.

@erjdriver
Copy link

erjdriver commented Apr 25, 2019

This problem is still there with 5.3.

The problem is a page with a ScrollView with a child is offset from the top by 50px or so (top-margin). The page also has nativescript-ui-sidedrawer

Doesn't happen first time - but if you navigate away and back again - it does.

Only ios.

More info in issue

ProgressNS/nativescript-ui-feedback#1001

test #1: i commented out the ActionBar and the problem is not there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants