MaximumWidthRequest property behaves differently in Windows and Android

Description

Inner Grid has a MaximumWidthRequest of 600, and is placed inside an outer Grid with a blue background.

On Windows it looks as desired:

Shrink the window and it’s still fine:

On Android it is wrong:

Steps to Reproduce

New project.

This goes inside the ContentPage:

    <Grid BackgroundColor="Blue">
        <Grid MaximumWidthRequest="600" BackgroundColor="White">
            <ScrollView>
                <VerticalStackLayout 
                    Spacing="25" 
                    Padding="30,0" 
                    VerticalOptions="Center">

                    <Image
                        Source="dotnet_bot.png"
                        SemanticProperties.Description="Cute dot net bot waving hi to you!"
                        HeightRequest="200"
                        HorizontalOptions="Center" />

                    <Label 
                        Text="You will rejoice to hear that no disaster has accompanied the commencement of an enterprise which you have regarded with such evil forebodings. I arrived here yesterday; and my first task is to assure my dear sister of my welfare, and increasing confidence in the success of my undertaking."
                        SemanticProperties.HeadingLevel="Level1"
                        FontSize="32"
                        HorizontalOptions="Center" />

                    <Label 
                        Text="Welcome to .NET Multi-platform App UI"
                        SemanticProperties.HeadingLevel="Level2"
                        SemanticProperties.Description="Welcome to dot net Multi platform App U I"
                        FontSize="18"
                        HorizontalOptions="Center" />

                    <Button 
                        x:Name="CounterBtn"
                        Text="Click me"
                        SemanticProperties.Hint="Counts the number of times you click"
                        Clicked="OnCounterClicked"
                        HorizontalOptions="Center" />

                </VerticalStackLayout>
            </ScrollView>
        </Grid>
    </Grid>

Version with bug

Release Candidate 3 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android 12

Did you find any workaround?

Bind MaximumWidthRequest to a view model readonly property that returns Min(600, screenVirtualWidth).

Relevant log output

No response

[Sebastian1989101]

In my application’s case, the MaximumWidthRequest property works as desired on Android, but on iOS and Mac Catalyst it is ignored completely. E.g. for an item taking the full screen width, setting MaximumWidthRequest=100 limits the width to 100 only on Android, on Mac and iOS nothing happens when setting that property; I can only limit it for iOS / Mac with WidthRequest=100.

I can confirm this… It’s so annoying to design your app around MAUI bugs instead around your desired goal…

[MV10]

Edit: I see this has been fixed for Button in v8. For a Button, it works on Windows but not Android…