fix(DynamicField): display long variables better

* Fix issue #1933 Problem with rendering in DynamicField component with long variables #1933 * Fix issue #1933 (2) * Fix issue #1933 (3)
2024-06-20 10:55:08 +03:00
parent ebae629e5c
commit 52994970e6
1 changed files with 10 additions and 2 deletions
--- a/packages/web/src/components/DynamicField/index.jsx
+++ b/packages/web/src/components/DynamicField/index.jsx
@@ -64,11 +64,19 @@ function DynamicField(props) {
          <Stack
            direction={{ xs: 'column', sm: 'row' }}
            spacing={{ xs: 2 }}
-            sx={{ display: 'flex', flex: 1 }}
+            sx={{
+              display: 'flex',
+              flex: 1,
+              minWidth: 0,
+            }}
          >
            {fields.map((fieldSchema, fieldSchemaIndex) => (
              <Box
-                sx={{ display: 'flex', flex: '1 0 0px' }}
+                sx={{
+                  display: 'flex',
+                  flex: '1 0 0px',
+                  minWidth: 0,
+                }}
                key={`field-${field.__id}-${fieldSchemaIndex}`}
              >
                <InputCreator