From 8bdff77820a3ba9735e794f2cc0eb0e702c67bc0 Mon Sep 17 00:00:00 2001
From: Katie Langerman <18661030+langermank@users.noreply.github.com>
Date: Tue, 21 Jan 2025 11:49:05 -0800
Subject: [PATCH] Hide NavList sub items if collapsed (#5567)

* add display prop

* Create swift-baboons-compare.md
---
 .changeset/swift-baboons-compare.md                 | 5 +++++
 packages/react/src/ActionList/ActionList.module.css | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 .changeset/swift-baboons-compare.md

diff --git a/.changeset/swift-baboons-compare.md b/.changeset/swift-baboons-compare.md
new file mode 100644
index 00000000000..b4ff861ff05
--- /dev/null
+++ b/.changeset/swift-baboons-compare.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Hide NavList sub items if collapsed
diff --git a/packages/react/src/ActionList/ActionList.module.css b/packages/react/src/ActionList/ActionList.module.css
index 9666be99f04..5abd2208d1b 100644
--- a/packages/react/src/ActionList/ActionList.module.css
+++ b/packages/react/src/ActionList/ActionList.module.css
@@ -466,6 +466,10 @@
       transform: scaleY(1);
     }
 
+    & + .SubGroup {
+      display: none;
+    }
+
     /* show active indicator on parent collapse if child is active */
     &:has(+ .SubGroup [data-active='true']) {
       background: var(--control-transparent-bgColor-selected);