FlexLayout doesn't account for children size

[byme8]

Description

Started porting an application to MAUI and noticed that FlexLayout doesn't take to account size of the children. I was able to reproduce it on windows uwp and android.

Steps to Reproduce

Add next xaml to the page:

  <StackLayout>
        <StackLayout Background="Blue" Padding="5">
            <Label Text="Statuses"/>
            <FlexLayout Wrap="Wrap" BackgroundColor="Blue">
                <Label Text="Test 1" TextColor="Red"/>
                <Label Text="Test 2" TextColor="Red"/>
                <Label Text="Test 3" TextColor="Red"/>
                <Label Text="Test 4" TextColor="Red"/>
                <Label Text="Test 5" TextColor="Red"/>
                <Label Text="Test 6" TextColor="Red"/>
                <Label Text="Test 7" TextColor="Red"/>
            </FlexLayout>
        </StackLayout>

        <Grid RowDefinitions="40, Auto" Background="Green" Padding="5">
            <Label Grid.Row="0" Text="Statuses"/>
            <FlexLayout Grid.Row="1" Wrap="Wrap" BackgroundColor="Blue">
                <Label Text="Test 1" TextColor="Red"/>
                <Label Text="Test 2" TextColor="Red"/>
                <Label Text="Test 3" TextColor="Red"/>
                <Label Text="Test 4" TextColor="Red"/>
                <Label Text="Test 5" TextColor="Red"/>
                <Label Text="Test 6" TextColor="Red"/>
                <Label Text="Test 7" TextColor="Red"/>
            </FlexLayout>
        </Grid>
        
         <StackLayout Background="Gray" Padding="5">
            <Label Text="Statuses"/>
            <StackLayout BackgroundColor="Blue">
                <Label Text="Test 1" TextColor="Red"/>
                <Label Text="Test 2" TextColor="Red"/>
                <Label Text="Test 3" TextColor="Red"/>
                <Label Text="Test 4" TextColor="Red"/>
                <Label Text="Test 5" TextColor="Red"/>
                <Label Text="Test 6" TextColor="Red"/>
                <Label Text="Test 7" TextColor="Red"/>
            </StackLayout>
        </StackLayout>
 </StackLayout>

Windows UWP:

Android

Version with bug

Release Candidate 2 (current)

Last version that worked well

Release Candidate 2 (current)

Affected platforms

Android, Windows, I was not able test on other platforms

Affected platform versions

Android 10, Windows 10 22H1

Did you find any workaround?

No response

Relevant log output

No response

[v-longmin]

Verified repro on Windows 10 & Android 12.0 with above project code.

[kristinx0211]

still an issue on android and windows with 17.3.0 Preview 2.0 [32509.345.main].

[byme8]

Managed to reproduce on ios and maccatalyst

[Palku]

Really interested in a workaround for this.
There must be as it is marked as "can ship without".

I just want a layout with buttons that wraps to a new line when it doesn't fit without manually have to create stackpanels with x items.

Psuedo code of what i want to achieve.

<Grid>
  <Row height = 80/> //Header with fixed height.
  <Row height = Auto/> //Navigation which can be multi-line if needed <- Here i try to use FlexLayout which doesnt work at all.
  <Row height = */> //Content which should have all remaining space.
</Grid>

[byme8]

I was not able to figure out the workaround for this issue and I believe that there is no one. If you look at other issues associated with layout calculations you will find that there are hundreds of them.

[byme8]

Looks like the issue is fixed. I can't reproduce it with the latest update.

[Palku]

@byme8 : You're correct! :)
Now my app works in Android without my ugly forced size code.

[hartez]

I believe this was fixed by #6085.