[BUG] uui-color-area: Sometimes resets coordinates when selecting a color

[iOvergaard]

[...] in inline color picker, it seems the handle is flickering while dragging, and dragging to bottom, the handle shortly jump to bottom left corner, which doesn't happen in the color area itself.

But it seems also to happen on uui.umbraco.com so probably another issue somewhere.

Originally posted by @bjarnef in #532 (comment)

[bjarnef]

The issue isn't specific in inline mode, but seems to happen in color picker. It may be a rounding issue.

[iOvergaard]

The issue isn't specific in inline mode, but seems to happen in color picker. It may be a rounding issue.

Ok, I updated the title. The more we know the better. Anyway, I have marked this as up-for-grabs if you or anyone else would like to take a look at it, or maybe even just figure out a surefire way to reproduce it.

[bjarnef]

@iOvergaard it seems to be same issue when pointer events in color picker.

In color area it works smooth, in color picker dragging the handle is flickering a bit and dragging to bottom (black), the handle shortly jump to bottom left.

chrome_xLslFzRkJ5.mp4

[bjarnef]

I have seen this recently after reverseNumberInRange was added to project.
How do I resolve this locally? 🙈

[iOvergaard]

@bjarnef probably due to the d.ts caching in Typescript, because we build incrementally. If you run npm run clean first that might fix things, otherwise go into packages/uui-base/lib and delete the .d.ts files in there and it should work (if the export exists in the source file).

[bjarnef]

When dragging around in color picker, the gridHandleX sometimes return zero and thus jump to left, although it shouldn't

It seems something may override/reset the current saturation while while dragging the handle.

[bjarnef]

@iOvergaard the gridHandleX is changed in value set, at parsed.toHsl(), where s returns 0.
It seems to be something similar with hue value.
#536

It's a bit different in the Shoelace library as the color area and hue + opacity sliders isn't components, but the hue, saturation, alpha etc. it updated directly.
https://shoelace.style/components/color-picker