diff --git a/api/js/etemplate/et2_core_widget.ts b/api/js/etemplate/et2_core_widget.ts
index 445fc6edca..67538b1cef 100644
--- a/api/js/etemplate/et2_core_widget.ts
+++ b/api/js/etemplate/et2_core_widget.ts
@@ -803,6 +803,10 @@ export class et2_widget extends ClassWithAttributes
 		}
 		else
 		{
+			if(readonly === true && typeof window.customElements.get(_nodeName + "_ro") != "undefined")
+			{
+				_nodeName += "_ro";
+			}
 			widget = loadWebComponent(_nodeName, _node, this);
 		}
 		return widget;