ListView word wrap in Label causing ViewCells to overlap about xamarin.forms HOT 11 CLOSED

Well, the fact is there is a problem with the rendering of ViewCells with Grids and labels using the HasUnevenRows="True" RowHeight="-1", it works fine on Andoid but is flimsy on iOS, but then again, apart from the price and the "Louis Vuitton" fashion style, everything is a bit flimsy on iOS!

Any actual solution for this ?

...They (Apple and iOS) don't even have a a concept of services (No GUI apps that run in the background) which come out of the box on Android and was available in Windows 95 some 20 years ago!!!

from xamarin.forms.

This is caused by an incorrect calculation of the cell height in the ListView renderer. @samhouts looks right up your alley :)

from xamarin.forms.

We also have similar issue using Xamarin.Forms.2.5.0.121934. This seems to be not only a ListView issue but an issue in general. I have also experienced issues with StackLayout and Label and both elements had issues to calculate height and width. Please fix the engine to calculate correctly as this is fundamental for the UI.

from xamarin.forms.

@syed-pelican: Do you have an additional sample we can use? There haven't really been many changes to the layout system in a long time. Most changes are coming in the way backends work.

from xamarin.forms.

Hey Jason. Was that question for me or syed?

from xamarin.forms.

Yes, similar unresolved issue here, the way it renders is not consistent across platforms and it is less than good enough...

We have had to resort to removing the ViewCells dynamically because if we don't it doesn't render the page/form properly and shows the ViewCell empty between thin lines and looks too ugly! this has some really nasty side effects so we are also stuck with this ?

So maybe you need to fix that instead so we don't have to use backdoors kind of solutions, this is because XF is quite flimsy in the way it renders pages and is not consistent across platforms so we do what we can to get the results we need... If the support was a bit better we wouldn't have to resort to such drastic solutions either...

---> If a ViewCell content is blank or empty, the renderer should not display it at all, and should not display the thin separator lines either ? This way would be the expected behaviour you would think ? Can you fix that please ? And also make sure it also works properly on iOS ?

from xamarin.forms.

@MichelMatthey I think you might be reporting a different issue. Would you mind opening a new issue with a reproduction illustrating the problem? Thanks.

from xamarin.forms.

@syed-pelican If you have a reproduction showing the issues without a ViewCell, can you please provide it to us? Thanks.

from xamarin.forms.

@samhouts Maybe the issue #1395 would help a bit. It reports the similar problem with measure and layout related to Label in Grid.

from xamarin.forms.

I still experience this behavior in a production app on the iPhone 5s; and the iPhone 5s and iPhone SE simulator. The Repo Solution from above works fine. Unfortunately, I cannot quite put my finger on what exactly is going wrong.

As you can see, for two elements the message is too long and wraps. Somehow the spacing is not adjusted as should be.

On the other hand the Message in the Category Messages is fully expanded and word wrapped.

I'm trying to reproduce the issue, but am still unable to do so after two hours of fiddling around. My production code uses Grouping and Template selectors. If I add this to the solution here, it still works.

The template for the Licenses (rendering broken) looks like this:

<DataTemplate x:Key="LicenseExpiryTemplate">
  <ViewCell>
    <StackLayout Style="{DynamicResource ListViewCellStyle}">
      <Label Text="{Binding Text}"
        LineBreakMode="WordWrap"
        Style="{DynamicResource ListItemTextStyle}" />
    </StackLayout>
  </ViewCell>
</DataTemplate>

The template for the messages (working) like this:

<DataTemplate x:Key="NoContextActionTemplate">
  <ViewCell>
    <StackLayout Style="{DynamicResource ListViewCellStyle}">
      <Label Text="{Binding Subject}"
        LineBreakMode="WordWrap"
        Style="{DynamicResource ListItemTextStyle}" />
      <Label Text="{Binding MessageContent}"
        LineBreakMode="WordWrap"
        Style="{DynamicResource ListItemDetailTextStyle}" />
    </StackLayout>
  </ViewCell>
</DataTemplate>

Maybe someone has an idea as to why this still happens. @samhouts

I'm using Visual Studio 2019 RC3 and XF 3.6.0.264807 with a .NET standard project.

from xamarin.forms.

I'm seeing this bug again on iOS 13.5 using XF 4.7.0.968. I tried downgrade to 4.6.0.967 and bug persists

from xamarin.forms.