From 1be4da9f3b802cf4b8f5050c5ee58b4d288e8cd6 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Wed, 15 Feb 2023 10:56:32 +0100
Subject: [PATCH] fix height transition + add scroll

---
 .../backoffice/shared/components/debug/debug.element.ts   | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
index 3648a424bb..9208c35073 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
@@ -21,12 +21,14 @@ export class UmbDebug extends LitElement {
 			.events {
 				background-color: var(--uui-color-danger);
 				color: var(--uui-color-selected-contrast);
-				height: 0;
-				transition: height 0.3s ease-out;
+				max-height: 0;
+				transition: max-height 0.15s ease-out;
+				overflow: hidden;
 			}
 
 			.events.open {
-				height: auto;
+				max-height: 500px;
+				overflow: auto;
 			}
 
 			.events > div {