[UWP] Height calculations for content within a layout not calculation correctly for wrapping content like flex and text
#4,875 opened on Dec 31, 2018
Repository metrics
- Stars
- (5,644 stars)
- PR merge metrics
- (No merged PRs in 30d)
Description
Description
Height calculations for content within a layout not calculation correctly for wrapping content like flex and text
Steps to Reproduce
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