From 767a25812d0b3176a0129cdb37fb85ffcb43d06e Mon Sep 17 00:00:00 2001
From: itskovacs <itskovacs@proton.me>
Date: Fri, 12 Sep 2025 16:12:17 +0200
Subject: [PATCH] :lipstick: Trip: Create item modal QoL improvements

---
 .../trip-create-day-item-modal.component.html               | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/src/app/modals/trip-create-day-item-modal/trip-create-day-item-modal.component.html b/src/src/app/modals/trip-create-day-item-modal/trip-create-day-item-modal.component.html
index d0de33e..8b1cef3 100644
--- a/src/src/app/modals/trip-create-day-item-modal/trip-create-day-item-modal.component.html
+++ b/src/src/app/modals/trip-create-day-item-modal/trip-create-day-item-modal.component.html
@@ -4,7 +4,7 @@
       @if (itemForm.get('id')?.value !== -1) {
       <p-floatlabel variant="in" class="min-w-0">
         <p-select [options]="days" optionValue="id" optionLabel="label" inputId="day_id" id="day_id"
-          formControlName="day_id" [checkmark]="true" fluid>
+        scrollHeight="320px" appendTo="body" formControlName="day_id" [checkmark]="true" fluid>
           <ng-template let-day #item>
             <div class="whitespace-normal">{{ day.label }}</div>
           </ng-template>
@@ -13,8 +13,8 @@
       </p-floatlabel>
       } @else {
       <p-multiselect [options]="days" optionValue="id" optionLabel="label" formControlName="day_id" placeholder="Days"
-        [filter]="false" [showToggleAll]="false" display="chip" styleClass="flex items-center"
-        selectedItemsLabel="{0} days selected" fluid>
+        [filter]="false" [showToggleAll]="false" display="chip" styleClass="flex items-center" scrollHeight="320px"
+        appendTo="body" selectedItemsLabel="{0} days selected" fluid>
         <ng-template let-day #item>
           <div class="whitespace-normal">{{ day.label }}</div>
         </ng-template>