[UI]: Modal is showing up behind other modal

[XantreDev]

Describe the bug

Show <dialog> modal to user with button to connect wallet
After click to button modal will be shown behind of <dialog> modal

Expected behavior

I expected it to be shown over <dialog> modal

Current behavior

Tonconnect modal behind of dialog modal

Steps to Reproduce

https://stackblitz.com/edit/stackblitz-starters-npvfnq?file=index.html

1. Open preview in separate tab (CORS)
2. Click to Open dialog
3. Click to Open tonconnect

Environment

• https://unpkg.com/@tonconnect/ui@2.0.5/dist/tonconnect-ui.min.js
• Windows
• Edge, Firefox: any

Additional context

No response

[XantreDev]

I can try to provide PR

[wizidot]

Try to change the z-index property (with style or props) on your component.

[XantreDev]

Try to change the z-index property (with style or props) on your component.

I use dialog element, it renders on top layer

[jenshenJ]

Hi! You can override a default lib z-indexes by overriding it with direct css customization

[XantreDev]

You can specify any z-index, but the content of the modal will be rendered behind the dialog element. because it's rendered on the top layer

[jenshenJ]

You can specify any z-index, but the content of the modal will be rendered behind the dialog element. because it's rendered on the top layer

I followed your example exactly, and everything works as expected for me.
Could you please try to reproduce this issue using the latest version of TonConnect?

[XantreDev]

I will update the reproduction in a few days

[XantreDev]

I followed your example exactly, and everything works as expected for me. Could you please try to reproduce this issue using the latest version of TonConnect?

The reproduction uses the latest version of the TonConnect. The issue is still valid

<script src="https://unpkg.com/@tonconnect/ui@latest/dist/tonconnect-ui.min.js"></script>

[jenshenJ]

I followed your example exactly, and everything works as expected for me. Could you please try to reproduce this issue using the latest version of TonConnect?

The reproduction uses the latest version of the TonConnect. The issue is still valid

<script src="https://unpkg.com/@tonconnect/ui@latest/dist/tonconnect-ui.min.js"></script>

Hi, thanks for the reply. Do you have any ideas how to fix this? Will be grateful if you can help.