[field, form-builder] fix overflow issues (#2079)

* [field] fix fields in fieldsets overflowing container width * [field] fix text in diff component overflowing its container * [form-builder] fix long title in array item overflow from overflow: hidden to min-width
sanity-io · Oct 20, 2020 · d0b4db2 · d0b4db2
1 parent ae92193
commit d0b4db2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/packages/@sanity/field/src/diff/components/DiffFromTo.css b/packages/@sanity/field/src/diff/components/DiffFromTo.css
@@ -2,4 +2,5 @@
   flex: 1;
   min-width: 0;
   display: block;
+  white-space: break-spaces;
 }
diff --git a/packages/@sanity/form-builder/src/inputs/ArrayInput/ArrayInput.css b/packages/@sanity/form-builder/src/inputs/ArrayInput/ArrayInput.css
@@ -6,7 +6,7 @@
 }
 
 .inner {
-  overflow: hidden;
+  min-width: 0;
 }
 
 .list {

diff --git a/packages/@sanity/form-builder/src/inputs/ObjectInput/styles/Field.css b/packages/@sanity/form-builder/src/inputs/ObjectInput/styles/Field.css
@@ -4,4 +4,5 @@
   display: block;
   width: 100%;
   box-sizing: border-box;
+  min-width: 0;
 }