From 9b737e81f516d71b70f70ef660abea0d66378c36 Mon Sep 17 00:00:00 2001
From: Nikhil Tomar <63502271+2nikhiltom@users.noreply.github.com>
Date: Tue, 13 Aug 2024 00:58:13 +0530
Subject: [PATCH] fix(16781): fixes Tab focus issue on accordion (#17120)

---
 packages/react/src/components/Accordion/AccordionItem.tsx      | 1 +
 .../Accordion/__tests__/__snapshots__/Accordion-test.js.snap   | 3 +++
 .../__tests__/__snapshots__/AccordionItem-test.js.snap         | 1 +
 3 files changed, 5 insertions(+)

diff --git a/packages/react/src/components/Accordion/AccordionItem.tsx b/packages/react/src/components/Accordion/AccordionItem.tsx
index d2b8af3bdb10..bf41fdc00a16 100644
--- a/packages/react/src/components/Accordion/AccordionItem.tsx
+++ b/packages/react/src/components/Accordion/AccordionItem.tsx
@@ -196,6 +196,7 @@ function AccordionItem({
       </Toggle>
       <div
         ref={content}
+        hidden={!isOpen}
         className={`${prefix}--accordion__wrapper`}
         onTransitionEnd={onAnimationEnd}>
         <div id={id} className={`${prefix}--accordion__content`}>
diff --git a/packages/react/src/components/Accordion/__tests__/__snapshots__/Accordion-test.js.snap b/packages/react/src/components/Accordion/__tests__/__snapshots__/Accordion-test.js.snap
index c683a97db822..8fa532cac89a 100644
--- a/packages/react/src/components/Accordion/__tests__/__snapshots__/Accordion-test.js.snap
+++ b/packages/react/src/components/Accordion/__tests__/__snapshots__/Accordion-test.js.snap
@@ -38,6 +38,7 @@ exports[`Accordion should render 1`] = `
       </button>
       <div
         class="cds--accordion__wrapper"
+        hidden=""
       >
         <div
           class="cds--accordion__content"
@@ -80,6 +81,7 @@ exports[`Accordion should render 1`] = `
       </button>
       <div
         class="cds--accordion__wrapper"
+        hidden=""
       >
         <div
           class="cds--accordion__content"
@@ -122,6 +124,7 @@ exports[`Accordion should render 1`] = `
       </button>
       <div
         class="cds--accordion__wrapper"
+        hidden=""
       >
         <div
           class="cds--accordion__content"
diff --git a/packages/react/src/components/Accordion/__tests__/__snapshots__/AccordionItem-test.js.snap b/packages/react/src/components/Accordion/__tests__/__snapshots__/AccordionItem-test.js.snap
index e3f3e6f811d1..7c220747ac61 100644
--- a/packages/react/src/components/Accordion/__tests__/__snapshots__/AccordionItem-test.js.snap
+++ b/packages/react/src/components/Accordion/__tests__/__snapshots__/AccordionItem-test.js.snap
@@ -35,6 +35,7 @@ exports[`AccordionItem renders as expected - Component API should render and mat
     </button>
     <div
       class="cds--accordion__wrapper"
+      hidden=""
     >
       <div
         class="cds--accordion__content"