Splitter not working on touch devices (including dev tools)

[demike]

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
open the splitter showcase
https://www.primefaces.org/primeng/showcase/#/splitter
enable devtools f12, switch to mobile debuging (ctr+shift+m)
try to drag a splitter

Current behavior
An error is thrown when trying to drag a splitter on touch device (or devtools with touch enabled)

31-es2015.df8d62690ca8d9042dc3.js:1 [Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
onGutterTouchStart @ 31-es2015.df8d62690ca8d9042dc3.js:1
(anonymous) @ 31-es2015.df8d62690ca8d9042dc3.js:1
ho @ main-es2015.fca2a050e65263214657.js:1
i @ main-es2015.fca2a050e65263214657.js:1
(anonymous) @ main-es2015.fca2a050e65263214657.js:1
invokeTask @ polyfills-es2015.63cc94e4f9be0e3cbf3c.js:1
onInvokeTask @ main-es2015.fca2a050e65263214657.js:1
invokeTask @ polyfills-es2015.63cc94e4f9be0e3cbf3c.js:1
runTask @ polyfills-es2015.63cc94e4f9be0e3cbf3c.js:1
invokeTask @ polyfills-es2015.63cc94e4f9be0e3cbf3c.js:1
f @ polyfills-es2015.63cc94e4f9be0e3cbf3c.js:1
p @ polyfills-es2015.63cc94e4f9be0e3cbf3c.js:1
16:01:46.418

Expected behavior
The splitter should be draggable

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Angular version: 11.X

• PrimeNG version: 11.X

• Browser: [Chrome 88]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

• Node (for AoT issues): node --version =