[Modal]On mobile devices, body element cannot scroll if there is a nested multiple modals set to observeChanges true

[mt-u]

On mobile devices, body element cannot scroll if there is a nested multiple modals set to observeChanges true

Steps

1. Place the parent modal.
2. Next, place the child modal inside the parent.
3. Execute initialization script of parent and child modal. At this time, set observeChanges of the parent modal to true.

Expected Result

When a modal is hidden, the body element should be scrollable.

Actual Result

Even when a modal is hidden, the body element can not scroll.

Version

2.4.0

Testcase

https://jsfiddle.net/hogehoge/j4ztp3eL/

[y0hami]

What do you mean by you can't scroll? The jsfiddle you linked doesn't have enough content in the body to make it scroll.

[mt-u]

@hammy2899
Thank you for your comment.
To be more precise, you can not "touchmove" on the card.
Please see the difference in behavior between PC and mobile device.
On the PC you can scroll the area at the bottom right, whereas you can not scroll on mobile devices.
If the number of cards is not enough for your monitor to require scrolling, try adding cards in the upper left area.

[y0hami]

@mt-u thank you for the clarification.

I have tested this on BrowserStack and I can confirm this is an issue.

[mt-u]

@hammy2899 Cool! Thank you!