fix: dropdowns in irec4[3141]

hashgraph · Jan 17, 2025 · 567dc42 · 567dc42
1 parent 08ecc54
commit 567dc42
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 14 deletions.
diff --git a/...olicy-engine/policy-configuration/blocks/documents/send-config/send-config.component.html b/...olicy-engine/policy-configuration/blocks/documents/send-config/send-config.component.html
@@ -9,7 +9,9 @@
                 [disabled]="readonly"
                 (onChange)="onSave()"
                 placeholder="Select a data type"
-                [options]="dataTypeOptions">
+                [options]="dataTypeOptions"
+                [appendTo]="'body'"
+            >
             </p-dropdown>
         </td>
     </tr>
@@ -26,7 +28,9 @@
                 [disabled]="readonly"
                 (onChange)="onSave()"
                 placeholder="Select a data type"
-                [options]="dataSourceOptions">
+                [options]="dataSourceOptions"
+                [appendTo]="'body'"
+            >
             </p-dropdown>
         </td>
     </tr>
@@ -41,7 +45,9 @@
                     [disabled]="readonly"
                     (onChange)="selectTopic($event)"
                     placeholder="Select a topic"
-                    [options]="getDropdownTopics()">
+                    [options]="getDropdownTopics()"
+                    [appendTo]="'body'"
+                >
                 </p-dropdown>
             </td>
         </tr>
@@ -55,7 +61,9 @@
                     [disabled]="readonly"
                     (onChange)="onSave()"
                     placeholder="Select topic owner"
-                    [options]="topicOwnerOptions">
+                    [options]="topicOwnerOptions"
+                    [appendTo]="'body'"
+                >
                 </p-dropdown>
             </td>
         </tr>

diff --git a/...s/policy-engine/policy-configuration/blocks/main/roles-config/roles-config.component.html b/...s/policy-engine/policy-configuration/blocks/main/roles-config/roles-config.component.html
@@ -11,6 +11,7 @@
                            placeholder="Select Roles"
                            optionLabel="name"
                            optionValue="value"
+                           [appendTo]="'body'"
             >
             </p-multiSelect>
         </td>
@@ -25,7 +26,9 @@
                            (onChange)="onSave()"
                            placeholder="Select Groups"
                            optionLabel="name"
-                           optionValue="value">
+                           optionValue="value"
+                           [appendTo]="'body'"
+            >
             </p-multiSelect>
         </td>
     </tr>

diff --git a/...modules/policy-engine/policy-configuration/common-property/common-property.component.html b/...modules/policy-engine/policy-configuration/common-property/common-property.component.html
@@ -102,7 +102,9 @@
                 optionValue="value"
                 [disabled]="readonly"
                 placeholder="Select a role"
-                (onChange)="onSave()">
+                (onChange)="onSave()"
+                [appendTo]="'body'"
+            >
             </p-dropdown>
             <p-dropdown
                 *ngSwitchDefault
@@ -112,7 +114,9 @@
                 optionValue="value"
                 [disabled]="readonly"
                 placeholder="Select an option"
-                (onChange)="onSave()">
+                (onChange)="onSave()"
+                [appendTo]="'body'"
+            >
             </p-dropdown>
         </td>
     </tr>
@@ -133,7 +137,9 @@
                 optionValue="value"
                 [disabled]="readonly"
                 placeholder="Select schemas"
-                (onChange)="onSave()">
+                (onChange)="onSave()"
+                [appendTo]="'body'"
+            >
                 <ng-template let-schema pTemplate="item">
                     <div
                         class="schema-variable"
@@ -155,7 +161,9 @@
                 optionValue="value"
                 [disabled]="readonly"
                 placeholder="Select blocks"
-                (onChange)="onSave()">
+                (onChange)="onSave()"
+                [appendTo]="'body'"
+            >
 
                 <ng-template pTemplate="selectedItems" let-selectedItems>
                     <span class="select-custom">{{ getSelectedItemsDisplay(selectedItems) }}</span>
@@ -178,7 +186,9 @@
                 optionValue="value"
                 [disabled]="readonly"
                 placeholder="Select children blocks"
-                (onChange)="onSave()">
+                (onChange)="onSave()"
+                [appendTo]="'body'"
+            >
 
                 <ng-template pTemplate="selectedItems" let-selectedItems>
                     <span class="select-custom">{{ getSelectedItemsDisplay(selectedItems) }}</span>
@@ -200,7 +210,9 @@
                            (onChange)="onSave()"
                            optionLabel="name"
                            optionValue="value"
-                           placeholder="Select Roles">
+                           placeholder="Select Roles"
+                           [appendTo]="'body'"
+            >
             </p-multiSelect>
             <p-multiSelect *ngSwitchDefault
                            [(ngModel)]="value"
@@ -209,7 +221,9 @@
                            (onChange)="onSave()"
                            optionLabel="label"
                            optionValue="value"
-                           placeholder="Select Items">
+                           placeholder="Select Items"
+                           [appendTo]="'body'"
+            >
             </p-multiSelect>
         </td>
     </tr>

diff --git a/...d/src/app/modules/policy-engine/policy-viewer/blocks/step-block/step-block.component.scss b/...d/src/app/modules/policy-engine/policy-viewer/blocks/step-block/step-block.component.scss
@@ -6,7 +6,7 @@
     top: 0;
     display: block;
     background: #fff;
-    width: fit-content;
+    //width: fit-content;
 }
 
 .loading {
@@ -27,4 +27,4 @@
 .loading-progress {
     width: 80%;
     height: 80%;
-}
+}