[Android]Can't tap with Frame in CollectionView on Android

[thaihuydang]

Description

When I add Frame control in data template in collection view, I can't tap on collection view.

Steps to Reproduce

1. Create Maui App
2. Add collection view
3. add frame to colleciton view

Version with bug

Release Candidate 3 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android 11

Did you find any workaround?

No response

Relevant log output

No response

[VincentBu]

not repro with vs main build(32512.449.main). Here is an example. @thaihuydang , would you like to verify it with your vs?
MauiApp7121.zip

[RedChops]

FWIW, it doesn't work for me either. I switched to using Border in my app instead of Frame so my testing is limited. The SelectedItem command is definitely not called, I don't think the tapped event is fired either.

Some events work though, if I set CollectionView.CanReorderItems = True, I can reorder the frames, but still not tap them and get the event.

The sample app from @VincentBu uses a gesture recognizer within an element inside the frame inside the CollectionView - those gesture recognizers do work for me, what doesn't work is the selection events on the CollectionView itself when using Frame

[RedChops]

MauiApp7121.zip

With this updated sample, if you click any of the items, it should log a message in the console. Instead, nothing gets logged, suggesting that the SelectionChanged event never gets fired if a Frame is used in the ItemTemplate

[thaihuydang]

FWIW, it doesn't work for me either. I switched to using Border in my app instead of Frame so my testing is limited. The SelectedItem command is definitely not called, I don't think the tapped event is fired either.

Some events work though, if I set CollectionView.CanReorderItems = True, I can reorder the frames, but still not tap them and get the event.

The sample app from @VincentBu uses a gesture recognizer within an element inside the frame inside the CollectionView - those gesture recognizers do work for me, what doesn't work is the selection events on the CollectionView itself when using Frame

Yes, exactly the same with my vs

[IeuanWalker]

Ye same issue here -

<CollectionView FlowDirection="RightToLeft"
                ItemSizingStrategy="MeasureFirstItem"
                ItemsLayout="HorizontalList"
                ItemsSource="{Binding Dates}"
                SelectedItem="{Binding SelectedDiary}"
                SelectionMode="Single">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <ContentView Padding="10" x:DataType="viewModel:DiaryTestModel">
                <Frame Padding="0"
                        BackgroundColor="#E5F7FF"
                        CornerRadius="20"
                        HasShadow="False"
                        IsEnabled="false">
                    <VerticalStackLayout Padding="10">
                        <Label HorizontalTextAlignment="Center"
                                Text="{Binding DayOfTheWeekLetter}"
                                TextColor="#00A2EE" />
                        <Label HorizontalTextAlignment="Center"
                                Text="{Binding Date, StringFormat='{0:dd}'}"
                                TextColor="Black" />
                    </VerticalStackLayout>
                </Frame>
            </ContentView>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

[VincentBu]

Yes, Item selection event doesn't triggered. SelectionChanged method isn't called.

[xrail91]

Only the area with the Frame is not triggering the Event. My Frame has a little margin on it and if you click outside the frame the event / command fires.

Hope this is helpfull.

[ederbond]

Workaround: Replace the frame with a <Border>.
The <Border> element it's works fine.

[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.

[Redth]

As mentioned, there's a workaround which is to use a Border. We generally recommend this as opposed to the frame anyway. You can achieve the same rounded corners and/or shadow effect with a Border.

[yunusefendi52]

@Redth Border is good for new app, what about xf porting to maui? changing Frame to Border is a lot of work

[mattleibow]

This method intercepts the touch:

https://github.com/dotnet/maui/blob/main/src/Controls/src/Core/Compatibility/Handlers/Android/FrameRenderer.cs#L171-L179

Then is blocked here:

https://github.com/dotnet/maui/blob/main/src/Controls/src/Core/Compatibility/Android/Renderers/MotionEventHelper.cs#L18-L26

This method returns true.

In Xamarin.Forms, this line is extra:
https://github.com/xamarin/Xamarin.Forms/blob/5.0.0/Xamarin.Forms.Platform.Android/Renderers/MotionEventHelper.cs#L24

That might be the issue?

[suchithm]

Any update? Almost one year (Jun/2023) same issue, seeing ToDo tag?
UPDATE:
Looks like border works fine,
https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/border

[jfversluis]

I think this might be fixed by #14846 @mattleibow

[hartez]

Just tried the repro project on 17.6.4, and the OnTapped method is called when I tap an item in the CollectionView. Not sure which specific PR fixed it, but as far as I can tell this works fine on 7.0.