fix: check that coordinates are actual numbers before proceeding with syncing values

Author: iOvergaard

packages/uui-color-area/lib/uui-color-area.element.ts

@@ -181,6 +181,9 @@ export class UUIColorAreaElement extends LitElement {
 
     drag(grid, {
       onMove: (x, y) => {
+        // check if coordinates are not NaN (can happen when dragging outside of the grid)
+        if (isNaN(x) || isNaN(y)) return;
+
         this.saturation = clamp((x / width) * 100, 0, 100);
         this.brightness = clamp(100 - (y / height) * 100, 0, 100);
         this.lightness = this.getLightness(this.brightness);