From 2241d45ee4173eb13379ddc197c8c85a8be1d4a3 Mon Sep 17 00:00:00 2001
From: Jalinson Diaz <zjaaaldev@gmail.com>
Date: Fri, 13 Oct 2023 11:55:00 -0300
Subject: [PATCH] fix(container): Add max height and overflow behavior to menu
 component (#26442)

---
 .../dot-container-code.component.html                  | 10 +++++++++-
 .../dot-container-code.component.spec.ts               |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-code/dot-container-code.component.html b/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-code/dot-container-code.component.html
index 1a724962a50c..77c9bf528b9a 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-code/dot-container-code.component.html
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-code/dot-container-code.component.html
@@ -20,7 +20,15 @@
                 <ng-template #contentTypesLoader>
                     <p-skeleton borderRadius="0px" width="4rem" height="3.9rem"></p-skeleton>
                 </ng-template>
-                <p-menu #actionsMenu [popup]="true" [model]="menuItems" appendTo="body"></p-menu>
+                <p-menu
+                    #actionsMenu
+                    [popup]="true"
+                    [model]="menuItems"
+                    [style]="{
+                        'max-height': '300px',
+                        overflow: 'auto'
+                    }"
+                    appendTo="body"></p-menu>
             </ng-template>
             <ng-template pTemplate="content">
                 <div
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-code/dot-container-code.component.spec.ts b/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-code/dot-container-code.component.spec.ts
index 9c8997d8c1a7..39d84a3a715e 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-code/dot-container-code.component.spec.ts
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-code/dot-container-code.component.spec.ts
@@ -364,5 +364,10 @@ describe('DotContentEditorComponent', () => {
             const loader = de.query(By.css('p-skeleton'));
             expect(loader).toBeDefined();
         });
+
+        it('should have a menu with max height in 300px and overflow auto', () => {
+            expect(menu.style['max-height']).toBe('300px');
+            expect(menu.style.overflow).toBe('auto');
+        });
     });
 });