From 1cb1b48c8dffea9392fbeb23306519c1309d58c1 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Thu, 25 May 2023 15:41:30 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(react)=20add=20min-width=20to=20Field?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Without this new property the components using Field ( Input, Select, ... )
would not properly fit by default inside a flex parent.
---
 .changeset/swift-snakes-rescue.md                    | 5 +++++
 packages/react/src/components/Forms/Field/index.scss | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/swift-snakes-rescue.md

diff --git a/.changeset/swift-snakes-rescue.md b/.changeset/swift-snakes-rescue.md
new file mode 100644
index 0000000..8a6a53c
--- /dev/null
+++ b/.changeset/swift-snakes-rescue.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+add min-width to Field
diff --git a/packages/react/src/components/Forms/Field/index.scss b/packages/react/src/components/Forms/Field/index.scss
index b813d3d..1338fb3 100644
--- a/packages/react/src/components/Forms/Field/index.scss
+++ b/packages/react/src/components/Forms/Field/index.scss
@@ -4,6 +4,7 @@
   width: var(--c--components--forms-field--width);
   color: var(--c--components--forms-field--color);
   box-sizing: border-box;
+  min-width: 0;
 
   &__footer {
     font-size: var(--c--components--forms-field--font-size);