Carousel transition animation broken on Firefox (117)

[hamidrezahanafi]

Bug is related to

• embla-carousel (core package)

Embla Carousel version

• v8.0.0.rc12

Describe the bug

Carousel transition animation broken on Firefox (117)
Better describe it in a video

Screen.Recording.2023-09-18.at.3.08.06.PM.mov

CodeSandbox

https://codesandbox.io/s/y6vw87

Steps to reproduce

1. Go to 'Code sandbox on firefox (latest version 117)
2. Click on Next/Previous and first few transition animations are broken

Expected behavior

Smooth animations

[davidjerleke]

Hi @hamidrezahanafi,

Thank you for your bug report. I just tested this on Firefox 117.0.1 (64-bit), Mac (OSX) and couldn't reproduce the problem. What device and OS are you using?

Best,
David

[hamidrezahanafi]

Hey @davidjerleke I use a 16inch m1pro Mac.
I can reproduce it on my external monitor and if I reduce the Firefox window size on Mac
Check the video

Screen.Recording.2023-09-19.at.8.17.29.AM.mov

[davidjerleke]

Thanks @hamidrezahanafi 👍, I can reproduce it now. I'll investigate it when possible.

[davidjerleke]

Hi @hamidrezahanafi,

I've investigated this now and it seems like this was caused by the same problem as you discovered here:

• Resize handler precision mismatch #571

Looping slides (translating them to achieve the effect) was triggering a resize which in turn was causing Embla to run reInit() and hard resetting the carousel - hence the instant transition. I just released v8.0.0-rc14 and can't reproduce this problem now. Please try the latest version and see if this problem is solved.

Best,
David

[hamidrezahanafi]

Yes tested and it's fixed on FF now. Thanks

[davidjerleke]

@hamidrezahanafi thank you for finding the bug and explaining it well 🎉!

• Solved in Resize handler precision mismatch #571.