CollectionView highlight item with Visual State Manager doesn't work when GestureRecognizers applied

[arahmancsd]

The code was working in Xamarin.Forms 4.6, however, after upgrading to the latest Xamarin.Form 5.0.0.2012 highlighting CollectionView item with visual state manager doesn't work as expected. I found the problem is with GestureRecognizers on the Grid. If I remove the GestureRecognizers from the Grid, it works as expected.

After adding GestureRecognizers on the Grid, the expected behaviour is lost and it doesn't work any more.

<DataTemplate x:Key="AndroidAyaItemTemplate">
            <Grid RowDefinitions="*,Auto">
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Normal"/>
                        <VisualState x:Name="Selected">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="red"/>
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Label Text="Hello"/>
                <BoxView Grid.Row="1" Style="{DynamicResource HLine}" IsVisible="{Binding BindingContext.ShowHorizentalLine, Source={x:Reference MyPage}}"/>
                <Grid.GestureRecognizers>
                    <TapGestureRecognizer NumberOfTapsRequired="2" Command="{Binding BindingContext.ShareAyaCommand,Source={x:Reference itemView}}" CommandParameter="{Binding .}"/>
                    <SwipeGestureRecognizer Direction="Right" Command="{Binding BindingContext.NextChapterCommand, Source={x:Reference MyPage}}"/>
                    <SwipeGestureRecognizer Direction="Left" Command="{Binding BindingContext.PreviousChapterCommand, Source={x:Reference MyPage}}"/>
                </Grid.GestureRecognizers>
            </Grid>
        </DataTemplate>

<CollectionView Grid.Row="0" ItemsSource="{Binding ArabicListText}" SelectedItem="{Binding SelectedAya}" SelectionMode="Single" ItemTemplate="{OnPlatform Android={StaticResource AndroidAyaItemTemplate}, iOS={StaticResource iOSAyaItemTemplate}}"
                        x:Name="itemView">
                    <CollectionView.ItemsLayout>
                        <LinearItemsLayout Orientation="Vertical" ItemSpacing="5"/>
                    </CollectionView.ItemsLayout>
                </CollectionView>

Expected Behavior

Highlight Selected Item

Actual Behavior

Doesn't select them item neither highlight it

• Version with issue: Xamarin.Form 5.0.0.2012
• Android:
  It is not working in Android only, but the same code works fine in iOS.

Workaround
If I wrap the Grid inside SwipeView, it works fine. However, the problem still remain when CollectionView has more than 100 items.
2nd Workaround
This worked nicely for any number of items in the CollectionView. Add second Grid inside the 1st Grid and apply GestureRecognizers event on the 2nd Grid and everythings works smoothly and as expected.

[jsuarezruiz]

Attach a sample where reproduce the issue:
Issue14005.zip

[arahmancsd]

@jsuarezruiz Thanks for gettings in. I have uploaded a sample project in gitHub with the workaround as well.