From af61aa9ac9a74e0e2cad6caaa8e5cdd341152569 Mon Sep 17 00:00:00 2001
From: Indranil <inchakra@adobe.com>
Date: Wed, 1 Mar 2023 00:56:08 +0530
Subject: [PATCH] Handle read-only properties on DOM nodes

There might be cases where there are properties that are read-only and
setting their value would trigger an exception. Address that by querying
the descriptor and figuring out if the property is writable.
---
 src/runtime/internal/dom.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/runtime/internal/dom.ts b/src/runtime/internal/dom.ts
index 23c0fdac5110..7f60f3ec6e6a 100644
--- a/src/runtime/internal/dom.ts
+++ b/src/runtime/internal/dom.ts
@@ -325,7 +325,8 @@ export function set_custom_element_data_map(node, data_map: Record<string, unkno
 }
 
 export function set_custom_element_data(node, prop, value) {
-	if (prop in node) {
+	const descriptor = Object.getOwnPropertyDescriptor(node, prop);
+	if (descriptor && descriptor.writable) {
 		node[prop] = typeof node[prop] === 'boolean' && value === '' ? true : value;
 	} else {
 		attr(node, prop, value);