FlexLayout Padding not working

[muak]

Description

Padding does not work in FlexLayout. It works in Xamarin.Forms and was displayed correctly before migration to MAUI. After MAUI migration, the layout is broken.

<VerticalStackLayout BackgroundColor="AliceBlue">
    <FlexLayout Direction="Column" Padding="16" BackgroundColor="LightGreen">
        <BoxView WidthRequest="40" HeightRequest="20" Color="Red"  />
        <BoxView WidthRequest="40" HeightRequest="20" Color="Blue" />
        <BoxView WidthRequest="40" HeightRequest="20" Color="Green"  />
        <BoxView WidthRequest="40" HeightRequest="20" Color="Yellow"/>
        <BoxView WidthRequest="40" HeightRequest="20" Color="Magenta"  />
        <BoxView WidthRequest="40" HeightRequest="20" Color="Black"  />
        <BoxView WidthRequest="40" HeightRequest="20" Color="Orange"  />
        <BoxView WidthRequest="40" HeightRequest="20" Color="GreenYellow"  />
    </FlexLayout>
</VerticalStackLayout>

Steps to Reproduce

1. Put a FlexLayout with Padding.

Link to public reproduction project repository

https://github.com/muak/FlexIssue

Version with bug

7.0.86

Last version that worked well

Unknown/Other

Affected platforms

iOS, Android

Affected platform versions

iOS15.4 / Android API33

Did you find any workaround?

Set parent layout padding.

Relevant log output

No response

[ghost]

We've added this issue to our backlog, and we will work to address it as time and resources allow. If you have any additional information or questions about this issue, please leave a comment. For additional info about issue management, please read our Triage Process.

[XamlTest]

Verified this on Visual Studio Enterprise 17.7.0 Preview 5.0. Repro on Android 13.0-API33 and iOS 16.4 .NET 8 with below Project: FlexIssue.zip

[bradencohen]

+1

[mikeysouthwell]

Also having the same issue. Having to use Margins instead of Padding as a workaround which isn't ideal.

Please fix this!

Installed Workload Id Manifest Version Installation Source

maui-windows 8.0.3/8.0.100 VS 17.8.34525.116 maccatalyst 17.2.8004/8.0.100 VS 17.8.34525.116 android 34.0.43/8.0.100 VS 17.8.34525.116 ios 17.2.8004/8.0.100 VS 17.8.34525.116

[PrathyushTaneti]

Something as simple as padding is a bug for MAUI's layouts? This shows how terrible the technology is.

[PabloRuiz-TT]

Este error sigue existiendo con net 8 y vs 2022 17.9.5

[SuperCorks]

Would be great if someone could fix this.

[mikeysouthwell]

Any update on this? Having something as simple as padding not work is a pretty big deal and is making our migration from Xamarin to MAUI very painful 😢

[hiroian]

Also waiting on a fix for this!

[rhodesie123]

I have the same issue!! When will this be fixed?!?!