xamarin/Xamarin.Forms

[UWP] Height calculations for content within a layout not calculation correctly for wrapping content like flex and text

Offen

#4.875 geöffnet am 31.12.2018

 (4 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)C# (1.926 Forks)batch import
a/layoute/4 :clock4:help wantedinactivep/UWPt/bug :bug:up-for-grabs

Repository-Metriken

Stars
 (5.644 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Description

Height calculations for content within a layout not calculation correctly for wrapping content like flex and text

Steps to Reproduce

https://forums.xamarin.com/discussion/145900/long-label-with-word-wrap-doesnt-seem-to-auto-calculate-height-correctly#latest

To produce the full error (label wrap and flex content):

1.) Create a flex layout. 2.) Inside the layout create several other stack layouts Horizontal with title and value labels inside. Create 5 of them and make the Text of them very long (look at the forum link above). 3.) Now divide these content within so that when you grow and shrink the content will wrap into one column or two. What I did was split it up 3 - 3 left and right and have a flex basis on the left of 300. This should make the parent flex layout wrap the right side under once the width reaches 300. 4.) When you grow and expand on UWP you can see the text gets cut off. You can also see the layout straight up wont expand all the way because the wrapping text height for some reason wont notify the parent layout to expand that much more. I my code example I set different background colors to that layouts containing the content. Notice the background color wont color the whole layout because I think it is having height calculation issues with the wrapping text.

Expected Behavior

The height of wrapping text and layouts should notify its parent to update its overall height and not cut things off.

Actual Behavior

text and content are being cut off by the height because the wrapping features are not updating the parent layouts height.

Basic Information

  • Version with issue: Latest Xamarin Forms 3.3
  • Affected Devices: All, but much easier to visibly watch the flex layout with UWP.

Screenshots

Please check out the forum link above.

Repo with example code: https://github.com/pizzahead24/XamarinWrappingBug

Contributor Guide