Support open another popop in a opening popop

[dcuti8]

Can I open another popop in a opening popop?

I have modal one and modal two, I click the button to open the modal two, and I can the 'Open Modal 1' in the modal two popop. Generally, the modal one should show on top the modal two, but actually the modal two cover the modal one.....

           <button onClick={() => this.animated1.show()}>Open Modal 1</button>
            <button onClick={() => this.animated2.show()}>Open Modal 2</button>

            <SkyLight  
              ref={ref => this.animated1 = ref} 
            >
              <Label>Hello, I animated one</Label>
            </SkyLight>

            <SkyLight  
              ref={ref => this.animated2 = ref} 
            >
              <div>
                <Label>Hello, I animated two</Label>
                <button onClick={() => this.animated1.show()}>Open Modal 1</button>
              </div>
            </SkyLight>