From 7a97842d95a5d3d02d0bc96a92d711e5cfd3e035 Mon Sep 17 00:00:00 2001
From: Geoffroy Baccarini <geoffroy.baccarini@qlik.com>
Date: Thu, 19 Dec 2024 11:17:36 +0100
Subject: [PATCH] fix(TMC-1657): Fix DS drawer overflow for title container

---
 .changeset/shiny-toes-relate.md                           | 5 +++++
 .../Drawer/Primitive/PrimitiveDrawer.module.scss          | 2 +-
 .../src/stories/navigation/FloatingDrawer.stories.tsx     | 8 +++++++-
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/shiny-toes-relate.md

diff --git a/.changeset/shiny-toes-relate.md b/.changeset/shiny-toes-relate.md
new file mode 100644
index 0000000000..3e5607ca5c
--- /dev/null
+++ 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
index 99ad57d8c8..90954e5a72 100644
--- 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
index 3c077ae4f0..bc089b46fa 100644
--- 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"