From c5d3f977206423a086d3495a9714d0b0712e186c Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Thu, 16 Jan 2025 14:40:40 -0800
Subject: [PATCH] fix(list-item): reflect the sortHandleOpen property (#11323)

**Related Issue:** #11322

## Summary

- reflect property
- add test
---
 .../src/components/list-item/list-item.e2e.ts             | 8 ++++++++
 .../src/components/list-item/list-item.tsx                | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/calcite-components/src/components/list-item/list-item.e2e.ts b/packages/calcite-components/src/components/list-item/list-item.e2e.ts
index 049fcebeee9..863e74b65ac 100755
--- a/packages/calcite-components/src/components/list-item/list-item.e2e.ts
+++ b/packages/calcite-components/src/components/list-item/list-item.e2e.ts
@@ -73,6 +73,10 @@ describe("calcite-list-item", () => {
         propertyName: "iconFlipRtl",
         defaultValue: undefined,
       },
+      {
+        propertyName: "sortHandleOpen",
+        defaultValue: false,
+      },
     ]);
   });
 
@@ -82,6 +86,10 @@ describe("calcite-list-item", () => {
         propertyName: "unavailable",
         value: true,
       },
+      {
+        propertyName: "sortHandleOpen",
+        value: true,
+      },
     ]);
   });
 
diff --git a/packages/calcite-components/src/components/list-item/list-item.tsx b/packages/calcite-components/src/components/list-item/list-item.tsx
index 48298aad527..b4ba1cc611e 100644
--- a/packages/calcite-components/src/components/list-item/list-item.tsx
+++ b/packages/calcite-components/src/components/list-item/list-item.tsx
@@ -222,7 +222,7 @@ export class ListItem
   @property() setSize: number = null;
 
   /** When `true`, displays and positions the sort handle. */
-  @property() sortHandleOpen = false;
+  @property({ reflect: true }) sortHandleOpen = false;
 
   /** When `true`, the component's content appears inactive. */
   @property({ reflect: true }) unavailable = false;