fix(list-item): reflect the sortHandleOpen property (#11323)

**Related Issue:** #11322 ## Summary - reflect property - add test
Esri · Jan 16, 2025 · c5d3f97 · c5d3f97
1 parent 4dde26f
commit c5d3f97
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 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
@@ -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
@@ -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;