xamarin/Xamarin.Forms

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

Aperta

#4875 aperta il 31 dic 2018

 (4 commenti) (0 reazioni) (0 assegnatari)C# (1926 fork)batch import
a/layoute/4 :clock4:help wantedinactivep/UWPt/bug :bug:up-for-grabs

Metriche repository

Star
 (5644 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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

Guida contributor