Touch Control - Thumbnails selects photo randomly when tapping.

[nglara]

Describe the bug

As I was testing our photo gallery using a tablet (Windows Surface), I tapped a photo on the thumbnail section and noticed that it selects another photo randomly. It won't respect the position of my finger and won't select the one I just tapped.

One thing I noticed when I was troubleshooting it is the DIV that has a class of "p-galleria-thumbnail-items" has event listeners on touchstart, touchmove and touchend. The moment I removed them while I'm in the debugger, it worked.

Environment

• Windows 10
• Google Chrome
• PrimeNG version 14

Reproducer

No response

Angular version

14.1.0

PrimeNG version

14

Build / Runtime

TypeScript

Language

TypeScript

Node version (for AoT issues node --version)

16.13.2

Browser(s)

Google Chrome

Steps to reproduce the behavior

1. Using your tablet or laptop with touch screen, navigate to https://www.primefaces.org/primeng-v14-lts/galleria/thumbnail
2. Tap on any photo on the thumbnail section
3. Notice that it won't select the one you just tapped

Expected behavior

It supposed to select whichever you tapped