Delay between mouse and handler, vite + firefox - Githubissues

hxf31891 / react-gradient-color-picker

An easy to use color/gradient picker for React.js

MIT License

146 stars 49 forks source link

Delay between mouse and handler, vite + firefox #101

Open BrentDeayton opened 4 months ago

BrentDeayton commented 4 months ago

Hi, big fan of the package however I'm running into a small issue on Firefox that doesn't seem to be replicated on the demo (https://gradient-package-demo.web.app/). I'm hoping you might have some advise and insight on the issue.

When dragging the mouse around the paint square, there is noticeable lag between the mouse and the handle in Firefox. The issue is also present in Chrome, but only when the Developer Tools are open.

Steps to reproduce: Create basic vite app, install color-picker and run dev or: 1) clone https://github.com/BrentDeayton/react-gradient-color-picker-issue.git 2) run dev, preview or build 3) open in Firefox, drag the mouse around the paint squared

Environment

NodeJs: v20.12.2
Vite: v5.3.3
react: v18.3.1,
react-best-gradient-color-picker: v3.0.8,
OS: Windows 11
Chrome: v126.0.6478.128 (64 bit)
Firefox: v128.0 (64-bit)

Example: issue_gif

hxf31891 commented 2 weeks ago

@BrentDeayton I apologize for the delay, will take a look at this soon. Firefox has always been the biggest hassle for this project so I am not surprised at all to hear this. Anyways I will update here if I can get something put together. I'm honestly not sure why it doesn't occur on the demo but I'm guessing its vite