From 30228876a6ff6d1db2bda959aa4534d62453596d Mon Sep 17 00:00:00 2001 From: Dhruval-678 Date: Thu, 9 Apr 2026 11:48:34 +0530 Subject: [PATCH 1/5] Added inline script to cleanup dominant color CSS variable on image load --- plugins/dominant-color-images/hooks.php | 29 +++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/plugins/dominant-color-images/hooks.php b/plugins/dominant-color-images/hooks.php index f0279153fb..3568ab9fd3 100644 --- a/plugins/dominant-color-images/hooks.php +++ b/plugins/dominant-color-images/hooks.php @@ -179,6 +179,35 @@ function dominant_color_add_inline_style(): void { } add_action( 'wp_enqueue_scripts', 'dominant_color_add_inline_style' ); +/** + * Add inline script to cleanup dominant color CSS variable on image load. + * + * This script removes the --dominant-color CSS variable from images after they load, + * preventing issues with dynamically loaded or lazily-loaded images. + * + * @since 1.2.1 + */ +function dominant_color_add_cleanup_script(): void { + $script = <<<'JS' +document.addEventListener( + "load", + (event) => { + if ( + event.target instanceof HTMLImageElement && + event.target.hasAttribute("data-dominant-color") + ) { + event.target.style.removeProperty("--dominant-color"); + } + }, + { capture: true }, +); +JS; + wp_register_script( 'dominant-color-cleanup', false ); + wp_enqueue_script( 'dominant-color-cleanup' ); + wp_add_inline_script( 'dominant-color-cleanup', $script ); +} +add_action( 'wp_enqueue_scripts', 'dominant_color_add_cleanup_script' ); + /** * Displays the HTML generator tag for the Image Placeholders plugin. * From df10388e9410104ac523897a47e5172ccb1e1574 Mon Sep 17 00:00:00 2001 From: Dhruval-678 Date: Thu, 9 Apr 2026 12:08:53 +0530 Subject: [PATCH 2/5] Resplve PHPlint issue --- plugins/dominant-color-images/hooks.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/dominant-color-images/hooks.php b/plugins/dominant-color-images/hooks.php index 3568ab9fd3..35f24d2422 100644 --- a/plugins/dominant-color-images/hooks.php +++ b/plugins/dominant-color-images/hooks.php @@ -202,7 +202,7 @@ function dominant_color_add_cleanup_script(): void { { capture: true }, ); JS; - wp_register_script( 'dominant-color-cleanup', false ); + wp_register_script( 'dominant-color-cleanup', false, array(), DOMINANT_COLOR_IMAGES_VERSION, true ); wp_enqueue_script( 'dominant-color-cleanup' ); wp_add_inline_script( 'dominant-color-cleanup', $script ); } From c62068be245be54f16bc5bcc457796895a94ad08 Mon Sep 17 00:00:00 2001 From: Dhruval-678 Date: Thu, 9 Apr 2026 12:27:02 +0530 Subject: [PATCH 3/5] Modify the package --- plugins/dominant-color-images/hooks.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/dominant-color-images/hooks.php b/plugins/dominant-color-images/hooks.php index 35f24d2422..aeec46be30 100644 --- a/plugins/dominant-color-images/hooks.php +++ b/plugins/dominant-color-images/hooks.php @@ -185,7 +185,7 @@ function dominant_color_add_inline_style(): void { * This script removes the --dominant-color CSS variable from images after they load, * preventing issues with dynamically loaded or lazily-loaded images. * - * @since 1.2.1 + * @since n.e.x.t */ function dominant_color_add_cleanup_script(): void { $script = <<<'JS' From 181ef030498a8c2968b024c71b58cab9c2c53d29 Mon Sep 17 00:00:00 2001 From: Dhruval-678 Date: Mon, 13 Apr 2026 16:57:42 +0530 Subject: [PATCH 4/5] Remove version from inline script and pass it as null --- plugins/dominant-color-images/hooks.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/dominant-color-images/hooks.php b/plugins/dominant-color-images/hooks.php index aeec46be30..08ec33780b 100644 --- a/plugins/dominant-color-images/hooks.php +++ b/plugins/dominant-color-images/hooks.php @@ -202,7 +202,7 @@ function dominant_color_add_cleanup_script(): void { { capture: true }, ); JS; - wp_register_script( 'dominant-color-cleanup', false, array(), DOMINANT_COLOR_IMAGES_VERSION, true ); + wp_register_script( 'dominant-color-cleanup', false, array(), null, true ); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion wp_enqueue_script( 'dominant-color-cleanup' ); wp_add_inline_script( 'dominant-color-cleanup', $script ); } From ca674e30085f31e3b62d3acdefcd6199fcd39956 Mon Sep 17 00:00:00 2001 From: Dhruval-678 Date: Mon, 18 May 2026 11:03:46 +0530 Subject: [PATCH 5/5] Use explicit in_footer script args --- plugins/dominant-color-images/hooks.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/dominant-color-images/hooks.php b/plugins/dominant-color-images/hooks.php index 08ec33780b..b6bcc17627 100644 --- a/plugins/dominant-color-images/hooks.php +++ b/plugins/dominant-color-images/hooks.php @@ -202,7 +202,7 @@ function dominant_color_add_cleanup_script(): void { { capture: true }, ); JS; - wp_register_script( 'dominant-color-cleanup', false, array(), null, true ); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion + wp_register_script( 'dominant-color-cleanup', false, array(), null, array( 'in_footer' => true ) ); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion wp_enqueue_script( 'dominant-color-cleanup' ); wp_add_inline_script( 'dominant-color-cleanup', $script ); }