Add additional dismissal mouse handlers

igvteam · Nov 6, 2024 · 341e895 · 341e895
1 parent e673730
commit 341e895
Showing 1 changed file with 19 additions and 4 deletions.
diff --git a/js/ui/components/genericColorPicker.js b/js/ui/components/genericColorPicker.js
@@ -117,14 +117,15 @@ function createAndPresentMoreColorsPicker(parent, colorHandler) {
             editor: false,
             editorFormat: 'rgb',
             alpha: false,
-            // color: parent.style.backgroundColor,
+            color: parent.style.backgroundColor,
         }
 
     picker = new Picker(config)
 
-    // picker.onChange = (color) => {
-    //     console.log(`color changes: hex ${ color.hex } rgba ${ color.rgba }`)
-    // };
+    picker.onChange = (color) => {
+        // console.log(`color changes: hex ${ color.hex } rgba ${ color.rgba }`)
+        parent.style.backgroundColor = color.rgba
+    };
 
     picker.onDone = (color) => {
 
@@ -134,6 +135,20 @@ function createAndPresentMoreColorsPicker(parent, colorHandler) {
         colorPickerContainer.remove()
     }
 
+    function dismissPicker() {
+        picker.destroy()
+        colorPickerContainer.remove()
+        document.removeEventListener('click', onOutsideClick);
+    }
+
+    function onOutsideClick(event) {
+        if (!colorPickerContainer.contains(event.target) && parent !== event.target) {
+            dismissPicker();
+        }
+    }
+
+    document.addEventListener('click', onOutsideClick);
+
     picker.show()
 }