Browse Source

Fixed select options content clipped in dynamic form property panel

Removed overflow:hidden from DynamicFormSelectItemsComponent that was hiding the Value/Label table headers and "No options configured" message. Added overflow-visible to nested dynamic-form-properties to prevent clipping in expansion panels.
pull/15334/head
Vladyslav_Prykhodko 6 months ago
committed by Vladyslav Prykhodko
parent
commit
975c26650c
  1. 2
      ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-property-panel.component.html
  2. 1
      ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-select-items.component.ts

2
ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-property-panel.component.html

@ -214,7 +214,7 @@
</mat-panel-title> </mat-panel-title>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<ng-template matExpansionPanelContent> <ng-template matExpansionPanelContent>
<tb-dynamic-form-properties formControlName="properties" noBorder noMargin> <tb-dynamic-form-properties formControlName="properties" noBorder noMargin class="!overflow-visible">
</tb-dynamic-form-properties> </tb-dynamic-form-properties>
</ng-template> </ng-template>
</mat-expansion-panel> </mat-expansion-panel>

1
ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-select-items.component.ts

@ -66,7 +66,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
export class DynamicFormSelectItemsComponent implements ControlValueAccessor, OnInit, Validator { export class DynamicFormSelectItemsComponent implements ControlValueAccessor, OnInit, Validator {
@HostBinding('style.display') styleDisplay = 'flex'; @HostBinding('style.display') styleDisplay = 'flex';
@HostBinding('style.overflow') styleOverflow = 'hidden';
@ViewChildren(DynamicFormSelectItemRowComponent) @ViewChildren(DynamicFormSelectItemRowComponent)
selectItemRows: QueryList<DynamicFormSelectItemRowComponent>; selectItemRows: QueryList<DynamicFormSelectItemRowComponent>;

Loading…
Cancel
Save