diff --git a/lib/core/src/lib/form/components/form-section/form-section.component.scss b/lib/core/src/lib/form/components/form-section/form-section.component.scss index ef92937364..7ef519ae75 100644 --- a/lib/core/src/lib/form/components/form-section/form-section.component.scss +++ b/lib/core/src/lib/form/components/form-section/form-section.component.scss @@ -1,9 +1,29 @@ +@use '../../../../../src/lib/styles/flex' as flex; + .adf-grid-list { &-section { &-single-column { display: flex; flex-wrap: inherit; + flex-direction: column; gap: 1%; + + @include flex.layout-bp(lt-md) { + flex: 1 1 100% !important; + } + + .adf-section-widget { + @include flex.layout-bp(lt-md) { + width: 100% !important; + } + } + + > div { + @include flex.layout-bp(lt-md) { + width: 100% !important; + } + } + } &-column-view-item { diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.spec.ts b/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.spec.ts index 3a215a220f..bc8ccdcee9 100644 --- a/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.spec.ts +++ b/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.spec.ts @@ -998,6 +998,21 @@ describe('DropdownCloudWidgetComponent', () => { expect(widget.dropdownControl.value).toEqual({ id: 'testValue', name: '' }); }); + it('should set dropdownControl value when form field value gets changed', () => { + widget.field = { + value: { id: 'Id_1', name: 'Label 1' }, + options: [], + isVisible: true, + markAsValid: () => {} + } as FormFieldModel; + spyOn(widget.dropdownControl, 'setValue').and.callThrough(); + + widget.updateReactiveFormControl(); + + expect(widget.dropdownControl.setValue).toHaveBeenCalledWith({ id: 'Id_1', name: 'Label 1' }, { emitEvent: false }); + expect(widget.dropdownControl.value).toEqual({ id: 'Id_1', name: 'Label 1' }); + }); + it('should set dropdownControl value without emitting events if is an object', () => { widget.field = { value: { id: 'testValueObj', name: 'testValueObjName' }, diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.ts b/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.ts index 0513bbee5a..f9376a4357 100644 --- a/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.ts +++ b/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.ts @@ -137,6 +137,7 @@ export class DropdownCloudWidgetComponent extends WidgetComponent implements OnI } updateReactiveFormControl(): void { + this.setFormControlValue(); this.updateFormControlState(); this.handleErrors(); } diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html index 76ab0a81e9..d1a7671a8c 100644 --- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html +++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html @@ -1,7 +1,6 @@
diff --git a/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html b/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html index 0c36ed4293..3368c00588 100644 --- a/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html +++ b/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html @@ -8,7 +8,7 @@ - + -