search

nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
22k stars 1.54k forks source link

[BUG] - Tabs animation inside Modal #1300

Open PR0F1L3R1 opened 1 year ago

PR0F1L3R1 commented 1 year ago

Describe the bug

If you place tabs inside a modal component, it will disable the transition animation of the selected

Your Example Website or App

https://stackblitz.com/edit/vitejs-vite-b43wm3?file=src%2FApp.tsx&terminal=dev

Steps to Reproduce the Bug or Issue

  1. Create modal with tabs
  2. Just click on tab

Expected behavior

I expected awesome transition animation

Screenshots or Videos

No response

Operating System Version

macOS, Windows

Browser

Chrome

jguddas commented 1 year ago

https://github.com/framer/motion/issues/1302

Tonyibra commented 1 year ago

any solution ?

Miguel-A-Jara commented 1 year ago

Could there be any alternatives to render the Modal? Instead of using a Portal?

umairayub79 commented 10 months ago

Any updates on this?

kyujonglee commented 10 months ago

Any updates on this?

joris-delorme commented 9 months ago

I give the solution here: https://github.com/nextui-org/nextui/issues/2297#issuecomment-1928984601

LucaSorvillo commented 2 months ago

I give the solution here: #2297 (comment)

Thanks man!