Skip to content

iosOverflowSafeArea applied to all creates unscrollable offset #1646

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

Closed
cremfert opened this issue Dec 4, 2018 · 2 comments
Closed

iosOverflowSafeArea applied to all creates unscrollable offset #1646

cremfert opened this issue Dec 4, 2018 · 2 comments

Comments

@cremfert
Copy link

cremfert commented Dec 4, 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.1-2018-11-08-12560
  • Cross-platform modules: 5.0.2
  • iOS Runtime: 5.0.1-rc-2018-11-15-163743-01
  • Plugin(s):
  • NativeScript-Angular: 5.0.2
  • Angular: 6

Describe the bug
This is my code:

<StackLayout row="0" column="0" width="100%" height="100%" class="wallpaper">
            <ScrollView #messagesView id="messagesView">
              <StackLayout id="stackLayout" style="padding-bottom: 10; padding-top: 50;" id="stackLayout">
                <StackLayout *ngFor="let message of messages" iosOverflowSafeArea="false">
                    <Label *ngIf="sentByMe(message)" [text]="message[2]" horizontalAlignment="right" textWrap="true" style="margin-left: 30%; margin-top: 10; margin-right: 10; padding: 5; background-color: #11a1ce; color: white;"></Label>
                    <Label *ngIf="sentByMe(message)" [text]="message[3] | date: 'dd.MM.yy HH:mm'" horizontalAlignment="right" textWrap="true" style="margin-left: 30%; margin-right: 10; padding: 5; background-color: transparent; color: #666; font-size: 10px;"></Label>
                    <Label *ngIf="!sentByMe(message)" [text]="message[2]" horizontalAlignment="left" textWrap="true" style="margin-right: 30%; margin-top: 10; margin-left: 10; padding: 5; background-color: white;"></Label>
                    <Label *ngIf="!sentByMe(message)" [text]="message[3] | date: 'dd.MM.yy HH:mm'" horizontalAlignment="left" textWrap="true" style="margin-right: 30%; margin-left: 10; padding: 5; background-color: transparent; color: #666; font-size: 10px;"></Label>
                </StackLayout>
              </StackLayout>
            </ScrollView>
      </StackLayout>

As soon as I add iosOverflowSafeArea="false" also to the first StackLayout (as recommended due to bug #1593), the last elements are below the scrollable area and can only be seen when the area is "overscrolled" (bounce effect). What is the appropriate way?

To Reproduce
See code above.

Expected behavior
All entries in a ScrollView/StackLayout should be visible and *ngFor should be working as expected (although this is discussed in #1593).

@NickIliev
Copy link

@cremfert the issue seems like a duplicate of the linked one . Can you please post a Playground demo demonstrating your exact problem so we could investigate further.

@tsonevn
Copy link
Contributor

tsonevn commented Dec 11, 2018

closing due to inactivity

@tsonevn tsonevn closed this as completed Dec 11, 2018
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