From f332d46ab128b60f9bbd6ec99f998445201e358d Mon Sep 17 00:00:00 2001
From: Ioannis Agogiatis <iagogiatis@tc–s.eu>
Date: Fri, 19 Sep 2025 16:45:03 +0200
Subject: [PATCH] added domree option

---
 src/coloris.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/coloris.js b/src/coloris.js
index d77aa16..8e276ef 100644
--- a/src/coloris.js
+++ b/src/coloris.js
@@ -34,6 +34,7 @@
     clearLabel: 'Clear',
     closeButton: false,
     closeLabel: 'Close',
+    domTree: document,
     onChange: () => undefined,
     a11y: {
       open: 'Open color picker',
@@ -63,6 +64,9 @@
     if (typeof options !== 'object') {
       return;
     }
+    if (options.domTree) {
+        settings.domTree = options.domTree
+    }
 
     for (const key in options) {
       switch (key) {
@@ -73,7 +77,10 @@
           }
           break;
         case 'parent':
-          container = options.parent instanceof HTMLElement ? options.parent : document.querySelector(options.parent);
+          container =
+				options.parent instanceof HTMLElement
+					? options.parent
+					: settings.domTree.querySelector(options.parent);
           if (container) {
             container.appendChild(picker);
             settings.parent = options.parent;
@@ -455,7 +462,7 @@
     } else if (Array.isArray(selector)) {
       selector.forEach(wrapColorField);
     } else  {
-      document.querySelectorAll(selector).forEach(wrapColorField);
+      settings.domTree.querySelectorAll(selector).forEach(wrapColorField);
     }
   }
 
@@ -751,7 +758,9 @@
     }
 
     // Select the current format in the format switcher
-    document.querySelector(`.clr-format [value="${format}"]`).checked = true;
+    settings.domTree.querySelector(
+		`.clr-format [value="${format}"]`
+	).checked = true;
   }
 
   /**