pdialog: dismissableMask scroll cause dialog to close

[sameerthekhans]

Describe the bug

For some reason, I need scroll outside the dialog, so I have changed the dialog's content to overflow: visible and added overflow scroll to the mask element, and when the user tries to scroll by pulling down the scrollbar, the dialog closes as I also have enabled dismissableMask.

I know what is causing that, Here we have mousedown event which is also triggered when clicked on the scrollbar.

I think mousedown is used to add support for touch devices? click also works fine in touch devices and the click event doesn't get triggered when the scrollbar is clicked

Environment

All

Reproducer

https://stackblitz.com/edit/primeng-dialog-demo-lw4qqo?file=src/app/app.module.ts

Angular version

13.0.3

PrimeNG version

13.0.4

Build / Runtime

Angular CLI App

Language

ALL

Node version (for AoT issues node --version)

16.14.2

Browser(s)

Chrome

Steps to reproduce the behavior

1. Goto stackblitz 2. Click on show button 3. Try to scroll by dragging the scrollbar

Expected behavior

Dragging the scrollbar down should not close the dialog