Primeng: Body scrolls on touch devices when p-dialog is open, even with blockScroll="true"

[dhniels]

The newly added [blockScroll]="true" property for p-dialog works excellently on desktop. However mobile/touch devices (in this case, an iPhone 7+ on the latest version of iOS) don't seem to honor this requirement. When I open a dialog with overflowing content and try to scroll down (swiping my finger up/down), it scrolls the body (the content _behind_ the dialog) instead of the dialog content itself.

Inside the chrome/safari/firefox dev tools, this issue is not present. It only happens on physical touch devices. I don't have an android device to test this on, but right now I'm able to confirm this behavior on ipad/iphone with the latest version of iOS, Angular, and PrimeNG .

[danteorlando-acgov]

I can also reproduce this issue with my iPhone 6. I have the latest version of iOS and am using Angular 5.2.0 and PrimeNG 5.2.0.

[pedrotcm]

It still occurs in the last version of ios e primeng 5.2.6. On any android works properly.

[sai-nagarjuna-t]

Facing the same issue (swiping my finger up/down), it scrolls the body ,the content behind the dialog) in IPad. Is this issue getting fixed?

[mmavko]

Wait, guys, you can't do this!

This breaks normal behavior. See here: http://jsfiddle.net/mmavko/hLu25v63/7/

[jari-thiels]

Reopen this issue after revert in 5b41a3b?
Still got the problem on PrimeNG 6.1.4 (tested on iPad Air 2 - iOS 12.0)

[danteorlando-acgov]

Is this going to be re-opened or has it been addressed by another issue?

[mmavko]

Looks like this was fixed in 6.1.3: https://github.com/primefaces/primeng/blob/6.1.3/src/app/components/common/common.css#L157-L159