dotnet / dotnet/maui

On Android and iOS, once a GraphicsView is overlayed inside a CollectionView template, its click and selection does not work as expected

Open
#8,669 5 comments 0 reactions 0 assignees View on GitHub
area-drawing platform/android platform/ios s/triaged s/verified t/bug
Dominant language
C#
Stars
23.3k
Forks
2k
Avg merge
1d 15h
Merged PRs (30d)
290

Description

### Description

On Android and iOS, once a GraphicsView is overlayed inside a CollectionView template, its click and selection does not work as expected.

The CollectionView has a template with a grid that contains a few basic components. One component, a label, has a GraphicsView overlayed inside the same grid cell. For the purpose of this demonstration the GraphicsView simply generates a light blue background for the label

This works fine on Windows

On Android, this cell does not respond to clicks anymore. And the cell also does not display selection highlighting.

On iOS the cell remains clickable, but the cell highlighting is missing

Here is how it works on Windows (fine)

https://user-images.githubusercontent.com/7484186/178405801-2b55b0b5-5696-481f-b7c7-61f486f22176.mp4

Here is how it works on Android. Notice the click event disappears when clicking on the lightblue background

https://user-images.githubusercontent.com/7484186/178405268-bd1c3e8e-8065-4e9b-ae35-ff323d603832.mp4

Here is how it works on iOS. Notice the selection highlite stops at the start of the lightblue background

https://user-images.githubusercontent.com/7484186/178405287-ccabc832-8be1-4f93-b6bf-3e28cc2c225f.mp4

Here is a repro project that demonstrates the issue:
https://github.com/hbraasch/GraphicsViewClickTester.git

### Steps to Reproduce

1. Load the repro from Github and run for each platform
2. Click on the screen as demonstrated in the videos to see the difference in behaviour

### Version with bug

6.0.400 (current)

### Last version that worked well

Unknown/Other

### Affected platforms

iOS, Android

### Affected platform versions

IOS 15, Android 12 API 31

### Did you find any workaround?

None

### Relevant log output

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the linked GraphicsViewClickTester repro project and run its CollectionView template on Android and iOS, comparing the behavior with Windows. Trace how the overlaid GraphicsView receives input and how CollectionView selection is rendered; done means clicks work on Android and selection highlighting covers the full cell on both mobile platforms.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, csharp, ios
Domain
frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.