Xamarin.forms: Overlapping labels

Created on 1 Jul 2020 · 11Comments · Source: xamarin/Xamarin.Forms

_This issue has been moved from a ticket on Developer Community._

I have updated to the latest version of xamarin form (4.7.0.968) and all the labels are overlapping on iOS.

Image:143201-simulator-screen-shot-iphone-11-pro-max-2020-06-24.png

Original Comments

Visual Studio Feedback System on 6/27/2020, 10:51 PM:

We have directed your feedback to the appropriate engineering team for further evaluation. The team will review the feedback and notify you about the next steps.

Original Solutions

(no solutions)

Reproduction

Archive.zip

4.7.0 label feedback-ticket regression in-progress iOS 🍎 bug

Source

vsfeedback

👍2

Most helpful comment

Is there a timeframe on a fix. Been in the wild for a month or so now. Preventing our production release

ndastur on 9 Jul 2020

👍2

All 11 comments

Can you please attach a small project that demonstrates this issue? Thanks!

samhouts on 1 Jul 2020

I have the same issue only on iOS
This issue begins after update to XF 4.7

listview issue

adrielmsantos on 2 Jul 2020

@adrielmsantos Does your DataTemplate include a Frame?

hartez on 2 Jul 2020

@hartez Yes. Inside a Frame

The overlapping occurs after scrolling

adrielmsantos on 2 Jul 2020

@samhouts
You can reproduce this issue in this xamarin forms sample: ListViewColors

Chasyl on 6 Jul 2020

Same issue here. Is happens if I create a ListView with an ItemTemplate which places a Label inside a Frame. The ListView is rendered fine but as soon as you start to scroll, the Labels start to overlap with eachother.

thomasgalliker on 6 Jul 2020

Same issue here. It works on XF 4.6.0.847, but all newer versions has this issue.
My DataTemplate looks like this:

<DataTemplate>
    <ViewCell>
        <Frame BorderColor="Gray" HasShadow="True" Margin="15,10,15,10">
            <StackLayout Orientation="Horizontal" Spacing="20">
                <ffimageloading:CachedImage HorizontalOptions="Start" VerticalOptions="Center"
                    WidthRequest="100" HeightRequest="100"
                    DownsampleToViewSize="true"
                    FadeAnimationEnabled="True"
                    Source = "{Binding ImageUrl}">
                </ffimageloading:CachedImage>
                <StackLayout Orientation="Vertical" VerticalOptions="Center" HorizontalOptions="Center" Spacing="0">
                    <Label Text="{Binding Title}" FontSize="Medium" FontFamily="Roboto-Bold" Margin="0,0,0,0"/>
                    <Label TextType="Html" Text="{Binding SubText}" FontSize="Small" TextColor="LightGray"/>
                </StackLayout>
            </StackLayout>
         </Frame>
    </ViewCell>
</DataTemplate>

If I remove the Labels text bindings, and hardcode the text, it works.

zc5Tr

gregersen79 on 8 Jul 2020

Archive.zip

From a bisect

The merge base de38e1d79c9d1daf7668f8f566504dbeda46bdd2 is bad.
This means the bug has been fixed between de38e1d79c9d1daf7668f8f566504dbeda46bdd2 and [b4a6a7cec76e4ac255198353d726c27603fcaf72 ba337c66d06b45842d84703d77e60b032312ff66].