xamarin/Xamarin.Forms

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

開放

#4,875 建立於 2018年12月31日

 (4 則留言) (0 個反應) (0 位負責人)C# (1,926 個分叉)batch import
a/layoute/4 :clock4:help wantedinactivep/UWPt/bug :bug:up-for-grabs

倉庫指標

星標
 (5,644 顆星)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

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

貢獻者指南