From f4cb49c2b8ee1511684100284f83e6ffa0ed5686 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 20 Aug 2024 12:59:50 +0200
Subject: [PATCH] enable and disable the sorter based on readonly state

---
 .../components/input-document/input-document.element.ts  | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/input-document/input-document.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/input-document/input-document.element.ts
index f7febe5dd3..bb96ad3ea3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/input-document/input-document.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/input-document/input-document.element.ts
@@ -119,7 +119,14 @@ export class UmbInputDocumentElement extends UmbFormControlMixin<string | undefi
 	 * @default false
 	 */
 	@property({ type: Boolean, reflect: true })
-	readonly = false;
+	public get readonly() {
+		return this.#readonly;
+	}
+	public set readonly(value) {
+		this.#readonly = value;
+		this.#readonly ? this.#sorter.disable() : this.#sorter.enable();
+	}
+	#readonly = false;
 
 	@state()
 	private _editDocumentPath = '';