How can I apply the context menu to each item on a collection view?

[vhugogarcia]

Thanks for this great plugin for MAUI. I am trying to implement it on a CollectionView without success.

<CollectionView
                            x:Name="collectionView"
                            BackgroundColor="{toolkit:AppThemeResource SurfaceContainerLowest}"
                            Margin="0,0,0,0"
                            SelectionMode="Single"
                            SelectionChanged="OnVisitorsCollectionViewSelectionChanged"
                            ItemsSource="{Binding People}">
                            <CollectionView.ItemTemplate>
                                <DataTemplate
                                    x:DataType="InfrastructureModels:People">
                                        <c:ContextMenuContainer x:Name="container1" AutomationId="container1">
                                            <c:ContextMenuContainer.MenuItems>
                                                <c:ContextMenuItem x:Name="c1_action1" Text="Remover" Command="{Binding x:DataType='vm:DashboardViewModel', Source={RelativeSource AncestorType={x:Type vm:DashboardViewModel}}, Path=DeletePeopleCommand}" CommandParameter="{Binding}" />
                                            </c:ContextMenuContainer.MenuItems>
                                            <c:ContextMenuContainer.Content>
                                                <Grid
                                                    BackgroundColor="{toolkit:AppThemeResource SurfaceContainerLowest}"
                                                    RowDefinitions="64"
                                                    ColumnDefinitions="40, *, 40"
                                                    Padding="0,0">
                                                    <Border
                                                        StyleClass="icon-container"
                                                        Grid.Column="0"
                                                        Grid.Row="0">
                                                        <Label
                                                            StyleClass="icon-letter"
                                                            Text="{Binding FirstLetter}" />
                                                    </Border>
                                                    <Label
                                                        Grid.Column="1"
                                                        Grid.Row="0"
                                                        Text="{Binding FullName}"
                                                        StyleClass="list-item-text" />
                                                    <Image
                                                        StyleClass="icon-star"
                                                        Grid.Column="2"
                                                        Grid.Row="0"
                                                        IsVisible="{Binding Favorite}" />
                                                </Grid>
                                            </c:ContextMenuContainer.Content>
                                        </c:ContextMenuContainer>
                                </DataTemplate>
                            </CollectionView.ItemTemplate>
                        </CollectionView>

What I could be missing? I could not find a sample on the repository.

Any help is always welcome :)

Thanks in advance

[d2dyno1]

The menu container appears to be working in the CollectionView on version 1.2.3. I tested the latest one, and wasn't able to get the menu to show

[anpin]

Hi, thanks for reporting.

Could you elaborate on which platforms (iOS, Android, etc.) he issue appears?

I will look into adding relevant example and tests.

[d2dyno1]

I tested both Android and iOS, and the bug is present there (didn't test Windows though). On Android, there's also an issue where an item must be held down for an excessively long time (like 2s/3s) for the menu to appear, but I reckon this is fixed in the latest release, no?

@anpin

[anpin]

I assume what was meant in the original post was that the command is not working upon click inside the context menu, not that the menu doesn't appear. The way to make it work is to use a Reference instead of RelativeBinding. Please see the update example in PR linked above.

I can't remember off the top of my head the exact reason, but certainly this was a known issue for me since Xamarin.Forms introduced the CollectionView.

[d2dyno1]

I made a bare-bones reproduction of this issue and tested it on iOS Simulator. The context menu still does not show:

ApesuiReproduction.zip

[anpin]

@d2dyno1 thanks for your effort, I moved into a new issue