Kind of hard to explain, but if you keep clicking a lot within the HSV picker while simultaneously dragging the point to change colour it eventually gets bound to the mouse pointer position and cannot be fixed again even after left clicking and/or collapsing the component. In fact even when collapsed it continued to call the onChange() event when moving the mouse pointer.
Unfortunately I couldn't reproduce such a problem after dragging and clicking in the HSV picker. Can you reproduce that consistently? If yes - any specific steps?
Thanks. I've managed to reproduce it once in a 5 minute clicking and dragging session. Unfortunately I have no idea what could be causing this problem due to the sheer inability to debug it.
Unfortunately this bug occurs frequently for myself and my clients across multiple devices even without rapidly moving the cursor. Seems to be an issue with the click and drag release not being picked up.
Is there a way to reset the component once the pallet is closed? This would at least help mitigate the issue, as at present the only solution is a full page refresh once it goes whacky.
Hello
I also have a same problem. Today i did start to learn how to implement and use Radzen for Blazor. When i was playing with ColorPicker i could reproduce same behavior like it is described in this thread.
I notice one thing, when i enter wrong mode, when mouse is "stucked" in colorPicker i can see that left mouse click which cause problem was trying in that moment to drag and drop window with color, if i am in wrong mode when i press mouse on color i can then drag and drop that window, see screen.
Thank you for time and sorry for wrong explanation in english
I found i way how to reproduce it everytime.
In demo i swipe with hue picker to the left (out of colorpicker).
all text on page got selected. Then if i drag color point it would get stucked as mouse is pressed all the time.
If i click on some text in background (to cancel text selection) it fix a problem.
Anyway after adding css style to color picker user-select: none the problem disappeared. And i was not able to reproduce it again.
I add it like that to popup div: