diff --git a/packages/flow-core/src/components/f-emoji-picker/f-emoji-picker-global.scss b/packages/flow-core/src/components/f-emoji-picker/f-emoji-picker-global.scss index 304ce893b..8d6683f22 100644 --- a/packages/flow-core/src/components/f-emoji-picker/f-emoji-picker-global.scss +++ b/packages/flow-core/src/components/f-emoji-picker/f-emoji-picker-global.scss @@ -3,7 +3,7 @@ f-emoji-picker { display: flex; - flex: 1 0 auto; + flex: 0 0 auto; &[disabled] { @include disabled(); } diff --git a/packages/flow-core/src/components/f-file-upload/f-file-upload-global.scss b/packages/flow-core/src/components/f-file-upload/f-file-upload-global.scss index 55bcd8ffb..465f909b5 100644 --- a/packages/flow-core/src/components/f-file-upload/f-file-upload-global.scss +++ b/packages/flow-core/src/components/f-file-upload/f-file-upload-global.scss @@ -3,7 +3,7 @@ @import "./f-file-upload-variables"; f-file-upload { - width: 100%; + flex: 1 0 auto; &[disabled] { @include disabled(); } @@ -13,3 +13,9 @@ f-file-upload { } } } + +f-div[direction="column"] { + > f-file-upload { + width: 100%; + } +} diff --git a/packages/flow-core/src/components/f-form-group/f-form-group.ts b/packages/flow-core/src/components/f-form-group/f-form-group.ts index 682cdc331..6b4bc16a4 100644 --- a/packages/flow-core/src/components/f-form-group/f-form-group.ts +++ b/packages/flow-core/src/components/f-form-group/f-form-group.ts @@ -203,7 +203,6 @@ export class FFormGroup extends FRoot { .gap=${this.variant === "compact" && this.direction === "horizontal" ? "none" : this.gap} - overflow="scroll" > diff --git a/packages/flow-core/src/components/f-input/f-input-global.scss b/packages/flow-core/src/components/f-input/f-input-global.scss index f3496aa50..7adda8639 100644 --- a/packages/flow-core/src/components/f-input/f-input-global.scss +++ b/packages/flow-core/src/components/f-input/f-input-global.scss @@ -8,7 +8,7 @@ } f-input { - width: 100%; + flex: 1 0 auto; &[disabled] { @include disabled(); opacity: 1; @@ -20,6 +20,12 @@ f-input { } } +f-div[direction="column"] { + > f-input { + width: 100%; + } +} + f-form-group { &[variant="compact"][direction="horizontal"] { f-input { diff --git a/packages/flow-core/src/components/f-text-area/f-text-area-global.scss b/packages/flow-core/src/components/f-text-area/f-text-area-global.scss index 96b372287..0543f1133 100644 --- a/packages/flow-core/src/components/f-text-area/f-text-area-global.scss +++ b/packages/flow-core/src/components/f-text-area/f-text-area-global.scss @@ -2,7 +2,7 @@ @import "./f-text-area-variables"; f-text-area { - width: 100%; + flex: 1 0 auto; &[disabled] { @include disabled(); } @@ -12,3 +12,9 @@ f-text-area { } } } + +f-div[direction="column"] { + > f-text-area { + width: 100%; + } +} diff --git a/packages/flow-form-builder/src/components/f-form-object/f-form-object-global.scss b/packages/flow-form-builder/src/components/f-form-object/f-form-object-global.scss index f593e262f..8c12887b9 100644 --- a/packages/flow-form-builder/src/components/f-form-object/f-form-object-global.scss +++ b/packages/flow-form-builder/src/components/f-form-object/f-form-object-global.scss @@ -27,6 +27,12 @@ f-form-group[direction="vertical"] { > f-date-time-picker { width: 100%; } + > f-text-area { + width: 100%; + } + > f-file-upload { + width: 100%; + } } f-div[direction="row"], @@ -37,8 +43,8 @@ f-form-group[direction="horizontal"] { > f-select, > f-suggest, > f-date-time-picker { - width: 100%; - flex: initial; + // width: 100%; + flex: 1 0 auto; } > .label-left-layout { width: auto !important;