playground: fix readonly state

jackocnr · jackocnr · commit 847ed4e02f49 · 2026-02-26T13:28:40.000Z
diff --git a/site/src/playground/js/modules/itiController.js b/site/src/playground/js/modules/itiController.js
@@ -14,7 +14,14 @@ function applyInputAttributes(state, telInput) {
   }
 
   telInput.disabled = Boolean(state.disabled);
-  telInput.readonly = Boolean(state.readonly);
+  const isReadOnly = Boolean(state.readonly);
+  telInput.readOnly = isReadOnly;
+  // Keep the HTML attribute in sync for visibility in devtools.
+  if (isReadOnly) {
+    telInput.setAttribute("readonly", "");
+  } else {
+    telInput.removeAttribute("readonly");
+  }
 }
 
 function destroyInstance(iti) {

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,14 @@ function applyInputAttributes(state, telInput) {`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`telInput.disabled = Boolean(state.disabled);`
`17`		`- telInput.readonly = Boolean(state.readonly);`
	`17`	`+ const isReadOnly = Boolean(state.readonly);`
	`18`	`+ telInput.readOnly = isReadOnly;`
	`19`	`+ // Keep the HTML attribute in sync for visibility in devtools.`
	`20`	`+ if (isReadOnly) {`
	`21`	`+ telInput.setAttribute("readonly", "");`
	`22`	`+ } else {`
	`23`	`+ telInput.removeAttribute("readonly");`
	`24`	`+ }`
`18`	`25`	`}`
`19`	`26`
`20`	`27`	`function destroyInstance(iti) {`