[BUG] - Tabs components inside Modal causes the app unresponsive

[jonathanhirint]

HeroUI Version

2.8.1

Describe the bug

If I use a Tabs inside Modal, when the user interacts with the different tabs the page gets freezed. I inspected the webpage and I realize that when this happens, it's like the html from the modal does not get "deleted".

These are the screenshots:

Modal opened:

Modal closed (without the issue happening):

Modal closed (with issue happening):

I know maybe the images are not enough but I provided the link to a heroui chat where you can reproduce the issue following the "how to reproduce" steps.

Your Example Website or App

https://heroui.app/HhYL4JI

Steps to Reproduce the Bug or Issue

1. Click on the button to trigger the modal.
2. Once the modal is open, click on the second tab.
3. Close the modal
4. Try to open it again.

NOTES: If you skip the second step, the issue does not happen. It seems to be related with user interaction.

Expected behavior

As a user I expect to continue navigating through the app once I close the modal but the app is getting freeze until I refresh it.

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

[linear]

ENG-2698 [BUG] - Tabs components inside Modal causes the app unresponsive