Changing color in color area always reset hue to zero

[bjarnef]

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

1.3.0

Bug summary

When selecting a color from palettes, e.g. lime green, the hue value change and gradient of color area change.

However it dragging handle in color area afterwards or clicking any part of the color area, the hue value is reset to zero.
https://uui.umbraco.com/?path=/story/uui-color-picker--inline

It should update to the hue of the actual selected color in the color spectrum.

Specifics

No response

Steps to reproduce

Select a color from palettes and notice hue is reset to zero after selecting another color in the color area.

Expected result / actual result

No response

[bjarnef]

@iOvergaard maybe latest changes wasn't published to https://uui.umbraco.com/ at time reporting this or maybe the browser cached and older version.

Anyway it seems to work now, but locally and on https://uui.umbraco.com/
and also included this change https://github.com/umbraco/Umbraco.UI/pull/486/files

However I could reproduce the issue on mobile/touch .. or emulate touch events in browser.

[bjarnef]

It happens because saturation and lightness is NaN on first color area click or drag of handle.

[bjarnef]

It seems to happen inside move function, where x and y is NaN when event is touch.
https://github.com/umbraco/Umbraco.UI/blob/v1/contrib/packages/uui-base/lib/utils/drag.ts#L23-L24

so calculation of saturation and lightness is NaN here:
https://github.com/umbraco/Umbraco.UI/blob/v1/contrib/packages/uui-color-area/lib/uui-color-area.element.ts#L184-L185