ui-pager icon indicating copy to clipboard operation
ui-pager copied to clipboard

iOS Layout issues using Label with maxLines

Open felixkrautschuk opened this issue 3 years ago • 0 comments
trafficstars

When using a Label with maxLines inside a pager's item, we see some layout issues on iOS. Sometimes, the Label's content is trimed to one line, even though it should be shown within two lines. And sometimes the Label is shown with a margin on the top.

https://user-images.githubusercontent.com/6443021/189871350-65f0eba1-10ca-4fc9-910c-d36cb8eca906.mov

<StackLayout className="pager-container">
        <Label text="My items" className="pager-header-title"/>

        <pager:Pager items="{{ items }}" className="pager">
            <pager:Pager.itemTemplate>
                <GridLayout rows="*" className="pager-item-outer">
                    <StackLayout row="0" padding="15">
                        <Label text="{{ title }}" maxLines="2" className="pager-item-title"/>
                        <!--<Label text="{{ subtitle }}" maxLines="2" className="pager-item-subtitle" marginTop="5"/>-->
                    </StackLayout>
                </GridLayout>
            </pager:Pager.itemTemplate>
        </pager:Pager>
</StackLayout>

Demo app to reproduce: ns-ios-pager-issue.zip

We are thankful for any feedback!

felixkrautschuk avatar Sep 13 '22 10:09 felixkrautschuk