Mac Catalyst: Image-Control height and width exceed application window height and width

[asymetrixs]

Description

On MacCatalyst, the height and width of the Image-control exceed the values for the Application window. It might affect other controls as well.
On Windows those values are smaller than the application window height and width, which seems to be correct, since the image-control is within the application window.

Steps to Reproduce

1. Check out repository MauiApp1
2. Start the app
3. Resize the window and check the logging output. On MacCatalyst control width/height are bigger than app width/height. On Windows these values are smaller (as expected, since the image control is within the app).

Link to public reproduction project repository

https://github.com/asymetrixs/mauiapp1

Version with bug

9.0.30 SR3

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

No response

Affected platforms

macOS, I was not able test on other platforms

Affected platform versions

macOS 15.3

Did you find any workaround?

Unfortunately no, I did not find a workaround.

Relevant log output

[drasticactions]

I don't think your issue is specific to Image. I think it's how the Window Width and Height are calculated.

If you remove the image and map Size Change to grid itself, you'll find similar values.

If you change your code to this:

<?xml version="1.0" encoding="utf-8"?>

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp1.MainPage"
             xmlns:viewmodel="clr-namespace:MauiApp1"
             x:DataType="viewmodel:MainBacking">

    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Exit" Command="{Binding ExitCommand}" />
    </ContentPage.ToolbarItems>

    <Grid x:Name="GridControl" RowDefinitions="Auto, *">
        <Image Grid.Row="1"
               x:Name="ImageControl"
               BackgroundColor="Green"
               Source="{Binding CurrentImage}"
               Aspect="AspectFill" />
    </Grid>

</ContentPage>

using Microsoft.Extensions.Logging;
using UIKit;

namespace MauiApp1;

public partial class MainPage : ContentPage
{
    private UIWindow? window;

    public MainPage(ILoggerFactory loggerFactory)
    {
        InitializeComponent();

        BindingContext = new MainBacking();

        GridControl.SizeChanged += (sender, args) =>
        {
            if (sender is Grid grid && this.window != null)
            {
                var logger = loggerFactory.CreateLogger<MainPage>();
                logger.LogInformation(
                    $"grid width: {grid.Width}, grid height: {grid.Height}, app width: {this.window?.Frame.Width}, app height: {this.window?.Frame.Height}");
            }
        };

        ImageControl.SizeChanged += (sender, args) =>
        {
            if (sender is Image image && this.window != null)
            {
                var logger = loggerFactory.CreateLogger<MainPage>();
                logger.LogInformation(
                    $"control width: {image.Width}, control height: {image.Height}, app width: {this.window?.Frame.Width}, app height: {this.window?.Frame.Height}");
            }
        };
    }

    protected override void OnHandlerChanged()
    {
        base.OnHandlerChanged();

        this.window = (UIWindow)this.GetParentWindow().Handler.PlatformView!;
    }
}

You'll see the width and height of the Window are now more than the inner controls because it's tracking the UIWindow Frame. My guess is whatever the calculation in the abstracted version is incorrect.

[asymetrixs]

Yes, I presumed the same. It is not about this specific control, it is a more generic issue. So, perhaps this issue can gain a bit in priority, since it seems to be a generic issue affecting some (if not all) controls.

[Marnie-Majait]

This issue has been verified Visual Studio Code 1.96.4 (9.0.30 & 9.0.22 & 9.0.0). Can repro this issue on macOS platform.

[asymetrixs]

Is there a timeline to get this issue fixed? It is blocking me from further development. Thanks.