How to block input event to lower layer UI?

[bwm0822]

When two UI overlap, if mouse drag up down on upper layer UI, the lower layer UI also scroll up down.
I try to call setScrollerEnable() when upper layer UI shown, it works.
But is any way to block event to lower layer UI without call setScrollerEnable()?
(I use scrollablePanel)

[rexrainbow]

A possible solution is using modal dialog

• Demo
• Document

[bwm0822]

I call modal({cover: {color: 0x0,alpha: 0.5,}}), it can block event to lower layer UI, but scroll is not working on upper layer UI.
If I call modal({cover: {color: 0x0,alpha: 0.5,}}).setInteractive(), scroll is working on upper layer UI, but it doesn't block event to lower layer UI.

[rexrainbow]

Open this thread as issue #469