bug: Broken transition on collapse when using Firefox (macOS)

tomjuten commented 4 months ago

What version of daisyUI are you using?

v4.7.1

Which browsers are you seeing the problem on?

Firefox

Reproduction URL

https://daisyui.com/components/collapse/

Describe your issue

When opening/closing a collapse in Firefox the grid-template-rows transition is not as smooth as in Chrome or Safari. The collapse-content jumps the animation stutters.

Please see video attached. Transititon duration was altered to 2s and more text added.

left-side: Brave 1.62.162 Chromium: 121.0.6167.164
right-side: Firefox 122.0.1

System: macOS 14.2.1 - MacBook Pro M2

Possibly linked to https://github.com/saadeghi/daisyui/issues/2615

https://github.com/saadeghi/daisyui/assets/88374696/6d908d74-3b30-418a-b7cf-98ae84c3949d

github-actions[bot] commented 4 months ago

Thank you @tomjuten for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

tomjuten commented 4 months ago

Also, I forgot to mention that it's a great library :) Thanks for your effort!

saadeghi / daisyui