From 5163704b59d2667935b85284d33ccc04f22f7163 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Mon, 13 Apr 2026 10:00:05 +0200
Subject: [PATCH] fix in code

---
 .../features/diff-configs/diff-configs-page.component.html  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/features/diff-configs/diff-configs-page.component.html b/frontend/src/app/features/diff-configs/diff-configs-page.component.html
index b3303c0..8f3b161 100644
--- a/frontend/src/app/features/diff-configs/diff-configs-page.component.html
+++ b/frontend/src/app/features/diff-configs/diff-configs-page.component.html
@@ -16,7 +16,7 @@
     <div class="diff-workspace__toolbar">
       <span class="form-field diff-workspace__router">
         <label>{{ 'files.routerLabel' | translate }}</label>
-        <p-dropdown [options]="routerOptions" [(ngModel)]="routerId" optionLabel="label" optionValue="value" (onChange)="load()"></p-dropdown>
+        <p-dropdown [appendTo]="'body'" [options]="routerOptions" [(ngModel)]="routerId" optionLabel="label" optionValue="value" (onChange)="load()"></p-dropdown>
       </span>
       <div class="diff-workspace__actions">
         <button pButton type="button" severity="secondary" icon="pi pi-refresh" [label]="'common.reset' | translate" (click)="routerId = null; compareLeftId = null; compareRightId = null; load()"></button>
@@ -31,7 +31,7 @@
           <strong>{{ 'files.compareOlder' | translate }}</strong>
           <p-tag [value]="compareLeft ? ('common.ok' | translate) : ('diffConfigs.waitingTag' | translate)" [severity]="compareLeft ? 'success' : 'secondary'"></p-tag>
         </div>
-        <p-dropdown [options]="compareOptions" [(ngModel)]="compareLeftId" optionLabel="label" optionValue="value" [placeholder]="'files.pickOlder' | translate"></p-dropdown>
+        <p-dropdown [appendTo]="'body'" [options]="compareOptions" [(ngModel)]="compareLeftId" optionLabel="label" optionValue="value" [placeholder]="'files.pickOlder' | translate"></p-dropdown>
         <div class="diff-pick-card__meta" *ngIf="compareLeft as item">
           <strong>{{ item.file_name }}</strong>
           <small>{{ item.router_name || item.router_id }} · {{ relativeAge(item.created_at) }}</small>
@@ -48,7 +48,7 @@
           <strong>{{ 'files.compareNewer' | translate }}</strong>
           <p-tag [value]="compareRight ? ('common.ok' | translate) : ('diffConfigs.waitingTag' | translate)" [severity]="compareRight ? 'success' : 'secondary'"></p-tag>
         </div>
-        <p-dropdown [options]="compareOptions" [(ngModel)]="compareRightId" optionLabel="label" optionValue="value" [placeholder]="'files.pickNewer' | translate"></p-dropdown>
+        <p-dropdown [appendTo]="'body'" [options]="compareOptions" [(ngModel)]="compareRightId" optionLabel="label" optionValue="value" [placeholder]="'files.pickNewer' | translate"></p-dropdown>
         <div class="diff-pick-card__meta" *ngIf="compareRight as item">
           <strong>{{ item.file_name }}</strong>
           <small>{{ item.router_name || item.router_id }} · {{ relativeAge(item.created_at) }}</small>