ListView GroupHeaderTemplate produces blank headers on iOS and MacCatalyst

[nikolajskov]

Description

Running the ListViewDemos project from the maui-samples repo and displaying the GroupingPage on iOS and MacCatalyst, produces blank headers. Running the project on Android, produces the desired result.

iOS:

MacCatalyst:

Android:

Steps to Reproduce

1. Run the ListViewDemos project.
2. Under "Basics", tap the "ListView grouping" demo.
3. Observe the missing group headers on iOS and MacCatalyst.

Link to public reproduction project repository

https://github.com/dotnet/maui-samples/tree/main/6.0/UserInterface/Views/ListViewDemos

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS, macOS

Affected platform versions

iOS 16.0, 16.1, 16.2 & macOS Ventura 13.2

Did you find any workaround?

Removing the ListView.GroupHeaderTemplate element from the GroupingPage.xaml file allows the group headers to be displayed, but removes the ability to control the layout.

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.

[pcdus]

Another workaround is to put the Label in another container than the ViewCell

<ViewCell>
    <Grid>
        <Label Text="{Binding Name}"
                BackgroundColor="Yellow"
                FontSize="20"
                FontAttributes="Bold" />
    </Grid>
</ViewCell>

[rachelkang]

It appears that there's an issue particularly with BackgroundColor in this scenario. Removing that attribute makes the header text visible

[ghost]

Hi @nikolajskov. We have added the "s/try-latest-version" label to this issue, which indicates that we'd like you to try and reproduce this issue on the latest available public version. This can happen because we think that this issue was fixed in a version that has just been released, or the information provided by you indicates that you might be working with an older version.

You can install the latest version by installing the latest Visual Studio (Preview) with the .NET MAUI workload installed. If the issue still persists, please let us know with any additional details and ideally a reproduction project provided through a GitHub repository.

This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[rachelkang]

It seems this issue has since been fixed! Just validated against main :)

[homeyf]

Verified this issue with Visual Studio Enterprise 17.7.0 Preview 1.0 and 17.6 Preview(17.6.0.1539). Can repro on iOS and macOS platform with sample project. maui-samples/7.0/UserInterface/Views/ListViewDemos at main · dotnet/maui-samples · GitHub