Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FlexLayout Padding not working #15991

Closed
muak opened this issue Jul 5, 2023 · 11 comments · Fixed by #24195
Closed

FlexLayout Padding not working #15991

muak opened this issue Jul 5, 2023 · 11 comments · Fixed by #24195
Labels
area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter fixed-in-8.0.90 fixed-in-9.0.0-rc.2.24503.2 layout-flex FlexLayout issues p/2 Work that is important, but is currently not scheduled for release platform/iOS 🍎 s/triaged Issue has been reviewed s/verified Verified / Reproducible Issue ready for Engineering Triage t/bug Something isn't working
Milestone

Comments

@muak
Copy link

muak commented Jul 5, 2023

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

@muak muak added the t/bug Something isn't working label Jul 5, 2023
@jsuarezruiz jsuarezruiz added the layout-flex FlexLayout issues label Jul 5, 2023
@samhouts samhouts added the area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter label Jul 5, 2023
@jsuarezruiz jsuarezruiz added this to the Backlog milestone Jul 14, 2023
@ghost
Copy link

ghost commented Jul 14, 2023

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 XamlTest added s/verified Verified / Reproducible Issue ready for Engineering Triage s/triaged Issue has been reviewed labels Aug 1, 2023
@XamlTest
Copy link

XamlTest commented Aug 1, 2023

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
Copy link
Contributor

+1

@mikeysouthwell
Copy link

mikeysouthwell commented Feb 9, 2024

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
Copy link

PrathyushTaneti commented Feb 15, 2024

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

@PabloRuiz-TT
Copy link

Este error sigue existiendo con net 8 y vs 2022 17.9.5

@SuperCorks
Copy link

Would be great if someone could fix this.

@mikeysouthwell
Copy link

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
Copy link

hiroian commented Apr 30, 2024

Also waiting on a fix for this!

@rhodesie123
Copy link

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

@GirbyDev
Copy link

I have the same problem, I am migrating from xamarin to .NET Maoi and I am having problems with the padding in the FlexLayouts, even the margin does not work well either.

@samhouts samhouts modified the milestones: Backlog, .NET 8 SR9 Oct 1, 2024
@github-actions github-actions bot locked and limited conversation to collaborators Nov 17, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter fixed-in-8.0.90 fixed-in-9.0.0-rc.2.24503.2 layout-flex FlexLayout issues p/2 Work that is important, but is currently not scheduled for release platform/iOS 🍎 s/triaged Issue has been reviewed s/verified Verified / Reproducible Issue ready for Engineering Triage t/bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.