diff --git a/color_pickr.libraries.yml b/color_pickr.libraries.yml
index 10b3570..c47beca 100644
--- a/color_pickr.libraries.yml
+++ b/color_pickr.libraries.yml
@@ -11,6 +11,7 @@ color_pickr:
     js/color_pickr.js: {}
   dependencies:
     - core/jquery
+    - core/once
 
 color_pickr_front:
   version: VERSION
diff --git a/js/color_pickr.js b/js/color_pickr.js
index 631d232..8d8d8c7 100644
--- a/js/color_pickr.js
+++ b/js/color_pickr.js
@@ -1,7 +1,7 @@
-(function($, Drupal, drupalSettings) {
+(function($, Drupal, drupalSettings, once) {
   Drupal.behaviors.color_picker = {
     attach: function(context, settings) {
-      $(document, context).once('color_picker').each(function(element) {
+      once('color_picker', 'body', context).forEach(function (element) {
         function color_picker_handle() {
           var theme = drupalSettings.theme;
           jQuery('.color-picker').each(function(index, value) {
@@ -89,5 +89,5 @@
       });
     }
   }
-}(jQuery, Drupal, drupalSettings));
+}(jQuery, Drupal, drupalSettings, once));