From 2cfd120f15acacefe92302e4e351c1f2358b1794 Mon Sep 17 00:00:00 2001
From: Tung Du <dinhtungdu@gmail.com>
Date: Wed, 6 Mar 2024 10:36:20 +0700
Subject: [PATCH] [Experimental] Fix: add an unique id to each list item to
 prevent diffing issue (#45304)

* fix: add an unique id to each list item to prevent diffing issue

* chore: changelog
---
 plugins/woocommerce/changelog/fix-45300                |  5 +++++
 .../Blocks/InteractivityComponents/CheckboxList.php    | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/fix-45300

diff --git a/plugins/woocommerce/changelog/fix-45300 b/plugins/woocommerce/changelog/fix-45300
new file mode 100644
index 00000000000..5bed28e3958
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-45300
@@ -0,0 +1,5 @@
+Significance: patch
+Type: fix
+Comment: [Experimental] Fix: add an unique id to each list item to prevent diffing issue
+
+
diff --git a/plugins/woocommerce/src/Blocks/InteractivityComponents/CheckboxList.php b/plugins/woocommerce/src/Blocks/InteractivityComponents/CheckboxList.php
index 266fc463f33..647d44a0bb7 100644
--- a/plugins/woocommerce/src/Blocks/InteractivityComponents/CheckboxList.php
+++ b/plugins/woocommerce/src/Blocks/InteractivityComponents/CheckboxList.php
@@ -43,13 +43,13 @@ class CheckboxList {
 							// translators: %s: checkbox label.
 							$i18n_label = sprintf( __( 'Checkbox: %s', 'woocommerce' ), $item['aria_label'] ?? '' );
 							?>
-							<li>
+							<li data-wc-key="<?php echo esc_attr( $item['id'] ); ?>">
 								<div class="wc-block-components-checkbox">
 									<label for="<?php echo esc_attr( $item['id'] ); ?>">
-										<input 
-											id="<?php echo esc_attr( $item['id'] ); ?>" 
-											class="wc-block-components-checkbox__input" 
-											type="checkbox" 
+										<input
+											id="<?php echo esc_attr( $item['id'] ); ?>"
+											class="wc-block-components-checkbox__input"
+											type="checkbox"
 											aria-invalid="false"
 											aria-label="<?php echo esc_attr( $i18n_label ); ?>"
 											data-wc-on--change--select-item="actions.selectCheckboxItem"