have to use containerType

scality · Sep 24, 2024 · 08ba839 · 08ba839
1 parent eb0b871
commit 08ba839
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/lib/components/tabsv2/StyledTabs.ts b/src/lib/components/tabsv2/StyledTabs.ts
@@ -62,7 +62,7 @@ export const TabsContainer = styled.div<{
 }>`
   height: 100%;
   width: 100%;
-  contain: 'size layout';
+  contain: 'layout';
   display: flex;
   flex-direction: column;
   background-color: ${(props) =>

diff --git a/src/lib/components/tabsv2/Tabsv2.component.tsx b/src/lib/components/tabsv2/Tabsv2.component.tsx
@@ -186,6 +186,8 @@ function Tabs({
   return (
     <TabsContext.Provider value={true}>
       <TabsContainer
+        // @ts-expect-error containerType is not yet a valid prop for react
+        style={{ containerType: 'size' }}
         className={['sc-tabs', className].join(' ')}
         tabLineColor={tabLineColor}
         separatorColor={separatorColor}