diff --git a/src/Umbraco.Web.UI.Client/src/views/components/content/umb-tabbed-content.html b/src/Umbraco.Web.UI.Client/src/views/components/content/umb-tabbed-content.html
index 65f8fdf96f..d95b844b16 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/content/umb-tabbed-content.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/content/umb-tabbed-content.html
@@ -16,10 +16,10 @@
 
                     <umb-property-editor
                         model="property"
-                        preview="propertyEditorDisabled(property) && allowUpdate"
+                        preview="(propertyEditorDisabled(property) && allowUpdate) || (!allowUpdate && !property.supportsReadOnly)"
                         allow-unlock="allowUpdate && allowEditInvariantFromNonDefault"
                         on-unlock="unlockInvariantValue(property)"
-                        ng-attr-readonly="{{!allowUpdate || undefined}}">
+                        ng-attr-readonly="{{(property.supportsReadOnly && !allowUpdate) || undefined}}">
                     </umb-property-editor>
                     
                 </umb-property>
@@ -48,10 +48,10 @@
 
                     <umb-property-editor
                         model="property"
-                        preview="propertyEditorDisabled(property) && allowUpdate"
+                        preview="(propertyEditorDisabled(property) && allowUpdate) || (!allowUpdate && !property.supportsReadOnly)"
                         on-unlock="unlockInvariantValue(property)"
                         allow-unlock="allowUpdate && allowEditInvariantFromNonDefault"
-                        ng-attr-readonly="{{!allowUpdate || undefined}}">
+                        ng-attr-readonly="{{(property.supportsReadOnly && !allowUpdate) || undefined}}">
                     </umb-property-editor>
 
                 </umb-property>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umb-element-editor-content.component.html b/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umb-element-editor-content.component.html
index b132038b91..1ec7873f2c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umb-element-editor-content.component.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umb-element-editor-content.component.html
@@ -17,8 +17,8 @@
 
                     <umb-property-editor
                         model="property"
-                        preview="vm.model.variants.length > 1 && !activeVariant.language.isDefault && !property.culture && !property.unlockInvariantValue"
-                        ng-attr-readonly="{{!vm.allowUpdate || undefined}}">
+                        preview="(vm.model.variants.length > 1 && !activeVariant.language.isDefault && !property.culture && !property.unlockInvariantValue) || (!vm.allowUpdate && !property.supportsReadOnly)"
+                        ng-attr-readonly="{{(!vm.allowUpdate && property.supportsReadOnly) || undefined}}">
                     </umb-property-editor>
 
                 </umb-property>
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.editor.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.editor.html
index df7faf8333..82c385f32f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.editor.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.editor.html
@@ -10,7 +10,8 @@
 
             <umb-property-editor
                 model="property"
-                ng-attr-readonly="{{ readonly || undefined }}">
+                preview="readonly && !property.supportsReadOnly"
+                ng-attr-readonly="{{(readonly && property.supportsReadOnly) || undefined }}">
             </umb-property-editor>
 
         </umb-property>