From 05430c915d1c9faaca55ad8d8e2d08f2f0dcfbfb Mon Sep 17 00:00:00 2001
From: Florian Duros <florian.duros@ormaz.fr>
Date: Thu, 12 Mar 2026 13:20:43 +0100
Subject: [PATCH] feat: remove sticky headers

---
 .../GroupedVirtualizedList.tsx                    | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/shared-components/src/utils/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx b/packages/shared-components/src/utils/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx
index 544c2ac5fe..a7a24329ae 100644
--- a/packages/shared-components/src/utils/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx
+++ b/packages/shared-components/src/utils/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx
@@ -5,7 +5,7 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import React, { type JSX, useCallback, useMemo, useRef } from "react";
+import React, { type JSX, useCallback, useMemo, useRef, type PropsWithChildren } from "react";
 import { GroupedVirtuoso } from "react-virtuoso";
 
 import { useVirtualizedList, type VirtualizedListContext, type VirtualizedListProps } from "../virtualized-list";
@@ -241,6 +241,18 @@ export function GroupedVirtualizedList<Header, Item, Context>(
         [getGroupHeaderComponent, onFocusForHeader, groups],
     );
 
+    // Remove sticky headers
+    const components = useMemo(
+        () => ({
+            TopItemList: ({ children, ...rest }: PropsWithChildren<{ style?: React.CSSProperties }>) => (
+                <div {...rest} style={{ ...rest.style, position: "relative" }}>
+                    {children}
+                </div>
+            ),
+        }),
+        [],
+    );
+
     return (
         <GroupedVirtuoso
             // note that either the container of direct children must be focusable to be axe
@@ -251,6 +263,7 @@ export function GroupedVirtualizedList<Header, Item, Context>(
             itemContent={getItemComponentInternal}
             groupContent={getGroupHeaderComponentInternal}
             {...virtuosoProps}
+            components={components}
         />
     );
 }