Fix placeholder display

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

1 files changed, 13 insertions, 1 deletions

diff --git a/src/components/Properties/PropertyText.vue b/src/components/Properties/PropertyText.vue
index f1273a05..2a6efe2c 100644
--- a/src/components/Properties/PropertyText.vue
+++ b/src/components/Properties/PropertyText.vue
@@ -72,7 +72,7 @@
 				:class="{'property__value--with-ext': haveExtHandler}"
 				type="text"
 				class="property__value"
-				:placeholder="localType.placeholder"
+				:placeholder="placeholder"
 				@input="updateValue">
 
 			<!-- external link -->
@@ -158,6 +158,18 @@ export default {
 		haveExtHandler() {
 			return this.externalHandler.trim() !== '' && this.localValue && this.localValue.length > 0
 		},
+
+		/**
+		 * Return the selected type placeholder if any
+		 * or the propModel default placeholder
+		 * @returns {string}
+		 */
+		placeholder() {
+			if (this.localType?.placeholder) {
+				return this.localType.placeholder
+			}
+			return this.propModel.placeholder
+		},
 	},
 
 	mounted() {