[iOS, MacCatalyst] CarouselView sizing issue when nested in StackLayout

[AlexeyStarkov]

Description

The size of CarouselView is calculated wrong when it's nested in StackLayout. It seems like CarouselView size is constrained by page (or even screen) size instead of the parent element's size. It works well on Android. MacCatalyst is also affected.

Here is a code of a sample page demonstrating the issue:

     <Grid RowDefinitions="*, *, *, *">
        <Label Grid.Row="0" Text="Row 0"/>

        <StackLayout Grid.Row="1">
            <CarouselView x:Name="Carousel">
                <CarouselView.ItemTemplate>
                    <DataTemplate>
                        <Border Margin="10" BackgroundColor="Grey">
                            <Label TextColor="Red" Text="{Binding .}" />
                        </Border>
                    </DataTemplate>
                </CarouselView.ItemTemplate>
            </CarouselView>

            <BoxView HeightRequest="20" Color="Purple"/>
        </StackLayout>

        <Label Grid.Row="2" Text="Row 2" />
        <Label Grid.Row="3" Text="Row 3" />
    </Grid>

I didn't test it on Windows and other platforms like Tizen/Linux.

Side note: My assumption is that the there is some problem related to ItemsView because similar bugs for CollectionView has been reported and both CollectionView and CarouselView are derived from ItemsView.

Steps to Reproduce

1. Open reproduction project
2. Launch the application on iOS or MacCatalyst

Link to public reproduction project repository

https://github.com/AlexeyStarkov/MAUI_CarouselView_Sizing_Issue
#12911 (comment)

Version with bug

.NET 6.0,
.NET 7.0
.NET 8.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS, macOS

Affected platform versions

iOS 16.2, macOS Ventura 13.1

Did you find any workaround?

No response

Relevant log output

No response

[ghost]

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.

[jinxinjuan]

Verified this issue with Visual Studio Enterprise 17.7.0 Preview 1.0. Can repro on iOS and Maccatalyst platform with sample project.
MAUI_CarouselView_Sizing_Issue

[dotMorten]

I'm seeing the same thing - both .NET 7 and .NET 8 Preview 5. Haven't found a good way to work around this.

[evgenyKozlov1996]

The same issue verified in .NET 8.0.3

[willcorum]

Same in 8.0.6. Unless you specify a height on the carousel and the data template item the carousel tries to occupy all the vertical space. Android is not affected. Setting a height doesn't allow the control to resize itself based on variable text content. Pretty frustrating. You can replicate this by removing the height settings from the HorizontalTemplateLayoutPage.xaml view in the demo. https://github.com/dotnet/maui-samples/tree/main/8.0/UserInterface/Views/CarouselViewDemos

[maxiking01]

Same on 8.0.7 . The problem only occurs on iOS. Did not test on MacCatalyst. On Android CarouselView works properly.

[coop-tim]

+1 having to put fixed height on carousels because of this bug is very frustrating