Skip to content

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

@jonathanhirint

Description

@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:

Image

Modal closed (without the issue happening):

Image

Modal closed (with issue happening):

Image

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions