Bug - SfButton (iOS) does not mark Click as handled and sends event to Host Element
Hi,
There's been a very problematic bug in the SfButton MAUI control on iOS which has been causing a lot of problems for us. I'm not 100% sure if it's new to Vol 4 (24.1.24) - suspect it has been ongoing issue for a while.
The regular MAUI Button control handles the click event (via Command property) and does not pass the gesture/tap to it's parent element - which is the exact behaviour we need.
However the SyncFusion Button control handles the click event (via Command property) but then it also passes the gesture/tap to parent element - which is not the behaviour we want.
This is very problematic for our App as we have various places (such as panels, List items etc) where we want a unique action if a hosted button is clicked and we don't want it passed through to the host element. For example - a List of items where we want one action if the item is clicked and a different unique action if button on each item is clicked (ie. an additional action button).
This is only happening on iOS - Android SfButton is working as expected.
Example :
I have put together some sample code where you can easily reproduce this problem.
This code sample has the following :
- A Parent Host Grid with a TapGestureRecognizer attached to it.
- A Child Button (MAUI Native Button)
- A SyncFusion Button
It looks like this :
The XAML is as follows :
<Grid>
<Grid HorizontalOptions="Fill" HeightRequest="300" BackgroundColor="Lime" ColumnDefinitions="1*,1*">
<Button Margin="10,40" Text="Regular Button" Grid.Column="0" Command="{Binding RegularButtonClickedCommand}"/>
<buttons:SfButton Margin="10,40" Text="SyncFusion Button" Grid.Column="1" Command="{Binding SyncfusionButtonClickedCommand}"/>
<Grid.GestureRecognizers>
<TapGestureRecognizer Command="{Binding PanelClickedCommand}"
</Grid.GestureRecognizers>
</Grid>
</Grid>
And the ViewModel has these Commands defined.
public Command PanelClickedCommand => new Command(async () =>
{
Debug.WriteLine("Panel clicked");
});
public Command RegularButtonClickedCommand => new Command(async () =>
{
Debug.WriteLine("Regular Button clicked");
});
public Command SyncfusionButtonClickedCommand => new Command(async () =>
{
Debug.WriteLine("Syncfusion Button clicked");
});
As per the code above - it sends Debug to the Output window when running.
If I do the following actions on this sample on iOS :
- Click on the Green Grid it outputs :
- Panel Clicked
(Expected Result) -
Click on the Native MAUI Button on left it outputs :
- Regular Button Clicked
(Expected Result)
- Click on the SyncFusion Button on right it outputs :
- Syncfusion Button Clicked
- Panel Clicked
(NOT the Expected Result - I don't want 'Panel Clicked' command fired - only the Syncfusion one).
As described above, the parent Grid is also receiving the click which is definitely not the desired result - we expect it to work exactly like the native MAUI button (or the Syncfusion button running on Android).
Are you able to please fix this issue ASAP.
thanks
Niall
