From e268200ed99dc51a044f7fa73df588cf37639ce9 Mon Sep 17 00:00:00 2001
From: Markus Johansson <markus@enkelmedia.se>
Date: Fri, 5 Apr 2024 08:56:52 +0200
Subject: [PATCH] #1544 fixed umb-debug dialog

---
 .../src/packages/core/debug/debug.element.ts              | 8 ++++++--
 .../core/debug/modals/debug/debug-modal.element.ts        | 4 +++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/debug/debug.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/debug/debug.element.ts
index 4cf6debdd6..1059ecd908 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/debug/debug.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/debug/debug.element.ts
@@ -65,6 +65,9 @@ export class UmbDebugElement extends UmbLitElement {
 	}
 
 	private _openDialog() {
+
+		this._update();
+
 		this._modalContext?.open(this, UMB_CONTEXT_DEBUGGER_MODAL, {
 			data: {
 				content: html`${this._renderContextAliases()}`,
@@ -73,9 +76,10 @@ export class UmbDebugElement extends UmbLitElement {
 	}
 
 	private _renderDialog() {
-		return html` <div id="container">
+		return html`
+		<div id="container">
 			<uui-badge color="danger" look="primary" attention @click="${this._openDialog}">
-				<uui-icon name="icon-bug"></uui-icon> Debug
+				<uui-icon name="icon-bug"></uui-icon>&nbsp;Debug
 			</uui-badge>
 		</div>`;
 	}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/debug/modals/debug/debug-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/debug/modals/debug/debug-modal.element.ts
index d782460c12..255ce97a88 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/debug/modals/debug/debug-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/debug/modals/debug/debug-modal.element.ts
@@ -13,7 +13,9 @@ export default class UmbContextDebuggerModalElement extends UmbModalBaseElement<
 		return html`
 			<uui-dialog-layout>
 				<span slot="headline"> <uui-icon name="icon-bug"></uui-icon> Debug: Contexts </span>
-				<uui-scroll-container id="field-settings"> ${this.data?.content} </uui-scroll-container>
+				<uui-scroll-container id="field-settings"> 
+					${this.data?.content} 
+				</uui-scroll-container>
 				<uui-button slot="actions" look="primary" label="Close sidebar" @click="${this._handleClose}">Close</uui-button>
 			</uui-dialog-layout>
 		`;