fix(TMC-1657): Fix DS drawer overflow for title container

Talend · Dec 19, 2024 · 7a97842 · 7a97842
1 parent 1ce2c20
commit 7a97842
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/shiny-toes-relate.md b/.changeset/shiny-toes-relate.md
@@ -0,0 +1,5 @@
+---
+'@talend/design-system': patch
+---
+
+TMC-1657 - Fix DS drawer overflow for title container
diff --git a/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss b/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss
@@ -15,7 +15,7 @@
 		flex-shrink: 0;
 		flex-basis: tokens.$coral-sizing-l;
 		font: tokens.$coral-heading-m;
-
+		flex-flow: column;
 		display: flex;
 	}
 

diff --git a/packages/design-system/src/stories/navigation/FloatingDrawer.stories.tsx b/packages/design-system/src/stories/navigation/FloatingDrawer.stories.tsx
@@ -56,7 +56,13 @@ const defaultProps = {
 };
 
 const overflowProps = {
-	...defaultProps,
+	header: (
+		<InlineEditing.Text
+			defaultValue="Haaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
+			placeholder="Type something..."
+			label="Iniline edit that overflows"
+		/>
+	),
 	children: (
 		<InlineEditing.Textarea
 			defaultValue="Haaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"