bug: Diff component not working on Firefox.

[Sztacho]

What version of daisyUI are you using?

4.12.10

Which browsers are you seeing the problem on?

Firefox

Reproduction URL

https://daisyui.com/components/diff/

Describe your issue

Problem Description
The diff component in the Firefox browser does not work correctly.

1. Moving the slider left and right is not smooth.
2. On the mobile version of Firefox, you have to scroll multiple times to see the differences.

Steps to Reproduce

1. Open the Firefox browser (desktop and mobile versions).
2. Go to the diff component.
3. Try moving the slider left and right.

Expected Behavior
The slider should move smoothly without stuttering.

Actual Behavior
Moving the slider in the desktop version of Firefox is not smooth, and in the mobile version, you need to scroll multiple times to see the differences.

Environment
Operating System: (e.g., Windows 11, Android)
Firefox Browser
Other browsers: The issue does not occur in other browsers (e.g., Chrome, Edge)

[github-actions]

Thank you @Sztacho 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.