search

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
33.78k stars 1.29k forks source link

bug: Diff component not working on Firefox. #3148

Open Sztacho opened 3 months ago

Sztacho commented 3 months ago

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[bot] commented 3 months ago

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.