From 975c26650cfc83c6b6075f9295021a87b1b0440d Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Thu, 9 Apr 2026 11:55:32 +0300
Subject: [PATCH] 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.
---
 .../dynamic-form/dynamic-form-property-panel.component.html     | 2 +-
 .../common/dynamic-form/dynamic-form-select-items.component.ts  | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-property-panel.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-property-panel.component.html
index df90a75dba..334ace9886 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-property-panel.component.html
+++ b/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-expansion-panel-header>
         <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>
         </ng-template>
       </mat-expansion-panel>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-select-items.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-select-items.component.ts
index 8970569cf3..24d49bc608 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/dynamic-form/dynamic-form-select-items.component.ts
+++ b/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 {
 
   @HostBinding('style.display') styleDisplay = 'flex';
-  @HostBinding('style.overflow') styleOverflow = 'hidden';
 
   @ViewChildren(DynamicFormSelectItemRowComponent)
   selectItemRows: QueryList<DynamicFormSelectItemRowComponent>;