Click event fired even when button has views on top of it

[nk-alex]

Description

• Having two views (A and B), view A on top of B.
• Place in view B a button or whatever control with gesture recognizer.
• When you click on screen, the tap or click event from view B is still raised.
• Since view A is on top, view B shouldn't be raising the click event.
• Even if view A is an ActivityIndicator, click still goes through it.

Steps to Reproduce

<?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"
             Title="{Binding Title}"
             x:Class="MyApp.Views.MainPage">

	<Grid>
		<Button Text="Click me" Clicked="Button_Clicked"/>

		<Grid BackgroundColor="Red">
			<Grid.RowDefinitions>
				<RowDefinition Height="*"/>
				<RowDefinition Height="200"/>
				<RowDefinition Height="*"/>
			</Grid.RowDefinitions>

			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="*"/>
				<ColumnDefinition Width="200"/>
				<ColumnDefinition Width="*"/>
			</Grid.ColumnDefinitions>
		</Grid>
	</Grid>
</ContentPage>

Link to public reproduction project repository

No response

Version with bug

8.0.21 SR4.1

Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

android 21

Did you find any workaround?

Make the view on top have any type of gesture recognizer itself. In this sample it's a tap gesture, but also works with swipe gesture. Although I don't think this workaround is really viable.

<Grid>
	<Button Text="Click me" Clicked="Button_Clicked"/>

	<Grid BackgroundColor="Red">
		<Grid.GestureRecognizers>
			<TapGestureRecognizer NumberOfTapsRequired="1" Tapped="TapGestureRecognizer_Tapped"/>
		</Grid.GestureRecognizers>
		<Grid.RowDefinitions>
			<RowDefinition Height="*"/>
			<RowDefinition Height="200"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>

		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="*"/>
			<ColumnDefinition Width="200"/>
			<ColumnDefinition Width="*"/>
		</Grid.ColumnDefinitions>
	</Grid>
</Grid>

Relevant log output

No response

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

• Click goes through solid elements on android (#12014), similarity score: 0.78

Closed similar issues:

• A button placed under another view cannot be tapped/clicked on iOS and MacCatalyst (#15913), similarity score: 0.79
• Control event propagation? (#7332), similarity score: 0.78
• [Bug] Click on an element of one view behind another view. (#9153), similarity score: 0.77
• Buttons behind "Pop-Up" are handling taps in Android, which is different than Windows behavior (and Xamarin) (#11663), similarity score: 0.76

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[nk-alex]

Duplicate of #12014

[kevinxufei]

Can repro this issue at Android platform on the latest 17.10 Preview 7(8.0.21/8.0.40).

[mattleibow]

Duplicate of #10252