From cb8c408786f3ef289d3e0e91659ba33a84150eba Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Fri, 12 May 2023 09:14:08 +0200
Subject: [PATCH] dont render any files if _currentFiles is empty

---
 .../input-upload-field/input-upload-field.element.ts     | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-upload-field/input-upload-field.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-upload-field/input-upload-field.element.ts
index b472afeed8..d675c6cb47 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-upload-field/input-upload-field.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-upload-field/input-upload-field.element.ts
@@ -112,16 +112,15 @@ export class UmbInputUploadFieldElement extends FormControlMixin(UmbLitElement)
 	}
 
 	#renderFiles() {
+		if (!this._currentFiles.length) return nothing;
 		return html` <div id="wrapper">
 				${map(this._currentFiles, (file) => {
 					return html`<umb-input-upload-field-file .file=${file}></umb-input-upload-field-file>`;
 				})}
 			</div>
-			${this._currentFiles.length
-				? html` <uui-button compact @click=${this.#handleRemove} label="Remove files">
-						<uui-icon name="umb:trash"></uui-icon> Remove file(s)
-				  </uui-button>`
-				: nothing}`;
+			<uui-button compact @click=${this.#handleRemove} label="Remove files">
+				<uui-icon name="umb:trash"></uui-icon> Remove file(s)
+			</uui-button>`;
 	}
 
 	#handleRemove() {