Above scrollable panel image interactive problem

[WDL0210]

First, this is my bascic game UI:

That have 5 image and already set interactive event.
Then i create scrollable panel via rexUI like this:

So...When i show a message box ui(a phaser3 container with multiple image) above scrollable panel like this:

The message box ui's yes and no image already add interactive event, but i find i cant' trigger my message box ui button's interavtive event.
I'm sure i can trigger button's event without create scrollable panel, it looks like scrollable panel block button's interactive.
Please tell me how to solve this problem: (

By the way, i can set Top only to false and then i can click my button, but that also can trigger my basic game ui's button event, so i dont' want to use this.
My phaser version are 3.55.2

Thank you reading!

[rexrainbow]

Since buttons on message box is placed above scrollable panel, they will receive touch event before scrollable panel ideally.
Might try to create message box by Dialog(demo) instead of built-in container. Moreover, here is a modal dialog.

[rexrainbow]

I see, it is because that ModalPromise will popUp that dialog (i.e. set scale from 0 to 1), this behavior override your setting.

Will try to fix this scale issue later.

[WDL0210]

So can i have a way to close popUp feature?Maybe close it then i can change dialog scale?
By the way, can i have some function can tell scrollable panel stop/open input detecet?Maybe it can help me solve my messagebox button can't interactive's problem?

[rexrainbow]

To disable transitIn/transitOut behavior, set transitIn:false, transitOut:false in config of ModalPromise

this.scene.rexUI.modalPromise(
    // Dialog gameobject main body
   this.msgb ,
    // Config 
    {
       cover: false,
       manaulClose: true,
       transitIn: false,
       transitOut: false,
    }

To disable scrolling of scrollalblePanel, set scroller: false

var panel = scene.rexUI.add.scrollablePanel({
    // ...
    scroller: false,
    // ...
});

[rexrainbow]

PopUp behavior fixed, it can popUp from 0 to current scale value. Please get latest version of rexui plugin.

[WDL0210]

It works!Now i can change dialog scale and disable scollable panel scrolling by this.myScrollablePanel.scrollerEnable = false;!
Thank you!!!

[rexrainbow]

BTW, how about using scalemanager, or camera zoom+scroll to do multiple screen size adaptation?

[WDL0210]

Because my team project are use too container, we not yet planned to change...
But maybe will try in next project, thanks!