NativeScript
Scroll View safe area turned on by default change
Issue Description
When creating a nested scrollview within a scrollview, with the parent scrolling horizontally and the child scrolling vertically, when a sort is called, the cells in the columns out of view are incorrectly aligned and there can be graphical glitches. This is because ios overflow safe area is enabled. When it is disabled, the problem is resolved by adding the following code to ui -> scroll-view -> index.ios.js in the if condition on line 58 in the function attachNative(), placing it after this.nativeViewProtected.delegate = this._delegate;->
// Disable the iosOverflowSafeAreaEnabled property
this.nativeViewProtected.iosOverflowSafeAreaEnabled = false;
Reproduction
Create a ScrollView with a child Scrollview. The parent will scroll horizontally, and the child scrolls vertically. When a sort is called, the ScrollViews rerender. The parts of the layout out of view when sorted with have layout issues if iosOverflowSafeAreaEnabled is turned on by default.
Relevant log output (if applicable)
No response
Environment
No response
Please accept these terms
- [X] I have searched the existing issues as well as StackOverflow and this has not been posted before
- [X] This is a bug report
- [X] I agree to follow this project's Code of Conduct
