On Android and iOS, once a GraphicsView is overlayed inside a CollectionView template, its click and selection does not work as expected
- 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
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