From 189594c8399bd4123d828d0b4aaccdc8e0225669 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Thu, 5 Mar 2026 15:46:26 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(frontend)=20fix=20zIndex=20table?=
 =?UTF-8?q?=20of=20content?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When we open a modal, the table of content is
above the modal, which is not the expected behavior.
This commit fixes the zIndex of the table of
content to be below the modal.
---
 CHANGELOG.md                                                 | 5 ++---
 .../src/features/docs/doc-header/components/FloatingBar.tsx  | 2 +-
 .../docs/doc-table-content/components/TableContent.tsx       | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 771fb919..05838ae6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,10 +18,9 @@ and this project adheres to
 ### Fixed
 
 - 🐛(frontend) analytic feature flags problem #1953
-
-### Fixed
-
 - 🐛(frontend) fix disabled color on icon Dropdown #1950
+- 🐛(frontend) fix zIndex table of content #1949
+
 
 ## [v4.6.0] - 2026-03-03
 
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/FloatingBar.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/FloatingBar.tsx
index ed9f113f..3322e420 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/FloatingBar.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/FloatingBar.tsx
@@ -31,7 +31,7 @@ export const FloatingBar = () => {
       margin-left: calc(-${base});
       margin-right: calc(-${base});
       margin-top: calc(-${base});
-      z-index: 1000;
+      z-index: 10;
       display: flex;
       align-items: flex-start;
       justify-content: flex-start;
diff --git a/src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx b/src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx
index a0dba7d6..309ebc30 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx
@@ -61,7 +61,7 @@ export const TableContent = () => {
         $width={!isOpen ? '40px' : '200px'}
         $height={!isOpen ? '40px' : 'auto'}
         $maxHeight="calc(50vh - 60px)"
-        $zIndex={2000}
+        $zIndex={1000}
         $align="center"
         $padding={isOpen ? 'xs' : '0'}
         $justify="center"