From 1d3c469745f268f6a87e8526201ab8b70dcfe4b4 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Wed, 31 Jul 2024 14:37:46 +0200
Subject: [PATCH] set readonly attribute on element if its readonly

---
 .../src/packages/core/property/property/property.element.ts    | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
index 545520f6e9..13ff6952d9 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
@@ -233,6 +233,7 @@ export class UmbPropertyElement extends UmbLitElement {
 
 		this.observe(this.#propertyContext.isReadOnly, (value) => {
 			this._isReadOnly = value;
+			this._element?.toggleAttribute('readonly', value);
 		});
 	}
 
@@ -324,6 +325,8 @@ export class UmbPropertyElement extends UmbLitElement {
 						this.#validationMessageBinder.value = this.#propertyContext.getValue();
 					}
 				}
+
+				this._element.toggleAttribute('readonly', this._isReadOnly);
 			}
 
 			this.requestUpdate('element', oldElement);