From b459ee4053eda0db5a1b2fee37f580fd6c828fa8 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 2 May 2022 10:54:42 +0200
Subject: [PATCH] add disabled state to umb-multiple-textbox property editor
 add button when readonly

---
 .../src/less/components/umb-multiple-textbox.less         | 8 ++++++++
 .../propertyeditors/multipletextbox/multipletextbox.html  | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-multiple-textbox.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-multiple-textbox.less
index 39eb7e92e4..70e442b3eb 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-multiple-textbox.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-multiple-textbox.less
@@ -44,6 +44,14 @@
     &:extend(.umb-editor-wrapper .umb-node-preview);
 }
 
+.umb-multiple-textbox .add-link:disabled {
+    &:extend(.umb-node-preview-add:disabled);
+}
+
+.umb-multiple-textbox .add-link:disabled:hover {
+    &:extend(.umb-node-preview-add:disabled:hover);
+}
+
 .umb-modal .umb-multiple-textbox .textbox-wrapper .umb-editor {
     flex: 1 1 auto;
     width: auto;
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html
index 8e84e64a07..fdd0674819 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html
@@ -32,7 +32,7 @@
     <button type="button" class="add-link" localize="title" title="@content_addTextBox"
        ng-show="model.config.max <= 0 || model.value.length < model.config.max"
        ng-click="add($event)"
-       ng-attr-readonly="{{ readonly || undefined }}">
+       ng-disabled="readonly">
         <localize key="general_add">Add</localize>
     </button>