From 29983a7ad3a1d4b1450bff72107a73f6100de87c Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Tue, 21 Nov 2023 14:18:18 -0800
Subject: [PATCH 1/2] fix(list-item): Reserve space for empty open lists.

---
 .../src/components/list-item/list-item.scss                   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
index f8bda120535..58093cc0436 100755
--- a/packages/calcite-components/src/components/list-item/list-item.scss
+++ b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -158,4 +158,8 @@ td:focus {
   @apply border-solid border-0 border-t border-color-3;
 }
 
+::slotted(calcite-list:empty) {
+  @apply py-3;
+}
+
 @include base-component();

From 19453614459a3ff8ab61bbd821c454677d90640f Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Tue, 21 Nov 2023 14:37:46 -0800
Subject: [PATCH 2/2] add story

---
 .../src/components/list/list.stories.ts       | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/packages/calcite-components/src/components/list/list.stories.ts b/packages/calcite-components/src/components/list/list.stories.ts
index ee45065c6d0..67078b7b265 100644
--- a/packages/calcite-components/src/components/list/list.stories.ts
+++ b/packages/calcite-components/src/components/list/list.stories.ts
@@ -717,3 +717,41 @@ export const sortableNestedList_TestOnly = (): string => html`<calcite-list
   <calcite-list-item label="Hi! 6" description="hello world"></calcite-list-item>
   <calcite-list-item label="Hi! 7" description="hello world"></calcite-list-item>
 </calcite-list>`;
+
+export const emptyOpenLists_TestOnly = (): string => html`<calcite-list
+  drag-enabled
+  group="nested"
+  label="test"
+  selection-mode="multiple"
+>
+  <calcite-list-item open label="Hi! 1" description="hello world">
+    <calcite-list drag-enabled group="nested" selection-mode="multiple">
+      <calcite-list-item open label="Hi! 2" description="hello world">
+        <calcite-list drag-enabled group="nested" selection-mode="multiple">
+          <calcite-list-item open label="Hi! 3" description="hello world">
+            <calcite-action-menu overlay-positioning="fixed" slot="actions-end">
+              <calcite-action text-enabled text="Edit" icon="pencil"></calcite-action>
+              <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
+              <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
+              <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
+              <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
+            </calcite-action-menu>
+            <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+          </calcite-list-item>
+          <calcite-list-item open label="Hi! 4" description="hello world">
+            <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+          </calcite-list-item>
+        </calcite-list>
+      </calcite-list-item>
+      <calcite-list-item open label="Hi! 5" description="hello world">
+        <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+      </calcite-list-item>
+    </calcite-list>
+  </calcite-list-item>
+  <calcite-list-item open label="Hi! 6" description="hello world">
+    <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+  </calcite-list-item>
+  <calcite-list-item open label="Hi! 7" description="hello world">
+    <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+  </calcite-list-item>
+</calcite-list>`;