From 5cfac085d329dd6d418e38d5692d5b668aa621b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Henrique=20Guimar=C3=A3es=20Ribeiro?=
 <43561537+rique223@users.noreply.github.com>
Date: Wed, 27 Nov 2024 15:18:26 -0300
Subject: [PATCH] fix(fuselage): Update contextualbar z-index (#1428)

Co-authored-by: Douglas Fabris <devfabris@gmail.com>
---
 .changeset/happy-houses-listen.md                           | 5 +++++
 .../fuselage/src/components/Contextualbar/Contextualbar.tsx | 2 +-
 .../Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap | 6 +++---
 3 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/happy-houses-listen.md

diff --git a/.changeset/happy-houses-listen.md b/.changeset/happy-houses-listen.md
new file mode 100644
index 0000000000..3d612ac44f
--- /dev/null
+++ b/.changeset/happy-houses-listen.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+Changes the `contextualbar` z-index to avoid UI glitches on pages where it needs to appear on top of the `Table`
diff --git a/packages/fuselage/src/components/Contextualbar/Contextualbar.tsx b/packages/fuselage/src/components/Contextualbar/Contextualbar.tsx
index 69b51978c0..b115374aa3 100644
--- a/packages/fuselage/src/components/Contextualbar/Contextualbar.tsx
+++ b/packages/fuselage/src/components/Contextualbar/Contextualbar.tsx
@@ -30,7 +30,7 @@ const Contextualbar = forwardRef<HTMLElement, ContextualbarProps>(
         position={position}
         insetInlineEnd='none'
         insetBlockStart='none'
-        zIndex={5}
+        zIndex={10}
         {...props}
       >
         {children}
diff --git a/packages/fuselage/src/components/Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap b/packages/fuselage/src/components/Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap
index fcb77d5698..d507556e8b 100644
--- a/packages/fuselage/src/components/Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap
+++ b/packages/fuselage/src/components/Contextualbar/__snapshots__/Contextualbar.spec.tsx.snap
@@ -7,7 +7,7 @@ exports[`[Contextualbar Rendering] renders Default without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-1ucnmmp"
     >
       <div
-        class="rcx-box rcx-box--full rcx-vertical-bar rcx-css-1pzjc7w"
+        class="rcx-box rcx-box--full rcx-vertical-bar rcx-css-dnnq8h"
       >
         <div
           class="rcx-box rcx-box--full rcx-css-13kuqi8"
@@ -156,7 +156,7 @@ exports[`[Contextualbar Rendering] renders Empty without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-1ucnmmp"
     >
       <div
-        class="rcx-box rcx-box--full rcx-vertical-bar rcx-css-1pzjc7w"
+        class="rcx-box rcx-box--full rcx-vertical-bar rcx-css-dnnq8h"
       >
         <div
           class="rcx-box rcx-box--full rcx-css-13kuqi8"
@@ -237,7 +237,7 @@ exports[`[Contextualbar Rendering] renders Skeleton without crashing 1`] = `
       class="rcx-box rcx-box--full rcx-css-1ucnmmp"
     >
       <div
-        class="rcx-box rcx-box--full rcx-vertical-bar rcx-css-1pzjc7w"
+        class="rcx-box rcx-box--full rcx-vertical-bar rcx-css-dnnq8h"
       >
         <div
           class="rcx-box rcx-box--full rcx-css-13kuqi8"