diff --git a/src/common-components/dropdown-question/dropdown-question.vue b/src/common-components/dropdown-question/dropdown-question.vue
index 47dc3ca1..2122bc54 100644
--- a/src/common-components/dropdown-question/dropdown-question.vue
+++ b/src/common-components/dropdown-question/dropdown-question.vue
@@ -8,8 +8,10 @@
:aria-disabled="isDisabled"
:disabled="isDisabled"
:aria-required="isRequired"
- :validationRules="validationRules"
+ :validationRules="validationRules"
+ :placeHolderText="placeHolderText"
>
+
@@ -38,7 +40,8 @@ export default {
validationRules: String,
cmsWidgetName: String,
hasError: Boolean,
- errors: Array
+ errors: Array,
+ placeHolderText: String
},
setup(props) {
const propsClone = Object.assign({}, props);
@@ -82,7 +85,7 @@ export default {
},
selectedOption: {
get: function() {
- return this.modelValue;
+ return !this.modelValue ? "" : this.modelValue;
},
set: function(newValue) {
this.$emit("update:modelValue", newValue);
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 57c3d583..0b411a64 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -47,6 +47,7 @@
:options="DamageCauseOptions"
disableAutoFill
validationRules="loss-cause-required"
+ placeHolderText="Select an option"
/>
@@ -73,6 +74,7 @@
validationRules="loss-state-required"
isRequired
disableAutoFill
+ placeHolderText="Select an option"
/>