[BUG] - Modal lagging on Safari

[Zweird-958]

NextUI Version

2.3.6

Describe the bug

Hello 👋

I saw my modal is lagging on Safari but not on Chrome
If someone can help me thank you 🙏

Your Example Website or App

Here is my repo https://github.com/Zweird-958/my-wishlist/tree/feature/desktop

Steps to Reproduce the Bug or Issue

1. Go on https://my-wishlist-web.vercel.app/en or on my repo (run desktop with bun run web)
2. Try to open Modal on Safari

Expected behavior

Enregistrement.de.l.ecran.2024-06-27.a.16.55.23.mov

Screenshots or Videos

Enregistrement.de.l.ecran.2024-06-27.a.16.59.09.mov

Operating System Version

macOS

Browser

Safari

[linear]

ENG-1064 [BUG] - Modal lagging on Safari

[ryo-manba]

The video you provided seems to be working correctly. What could be the issue?

[Zweird-958]

The video you provided seems to be working correctly. What could be the issue?

In the second video, we can seei need to wait something like 1 second to show/hide model and doesn't have animation

[Zweird-958]

The video you provided seems to be working correctly. What could be the issue?

Chrome (Arc) video

chrome.mov

Safari video

safari.mov

[ryo-manba]

I understand, thank you. If possible, providing a minimal reproducible example on Stackblitz would be helpful in addressing this issue. The current shared source code is quite extensive, making it time-consuming to pinpoint the relevant sections.

[Zweird-958]

I understand, thank you. If possible, providing a minimal reproducible example on Stackblitz would be helpful in addressing this issue. The current shared source code is quite extensive, making it time-consuming to pinpoint the relevant sections.

Sure thank you.
https://stackblitz.com/~/github.com/Zweird-958/modal-lag
https://github.com/Zweird-958/modal-lag