From 43449e706c20a4633ed8059f5bfa4c3d9fdcd833 Mon Sep 17 00:00:00 2001
From: SujathaAnishetty <88043758+SujathaAnishetty@users.noreply.github.com>
Date: Wed, 7 Jan 2026 15:20:39 -0500
Subject: [PATCH 1/3] success highlight

---
 src/digital-components/textarea-question/textarea-question.vue | 2 +-
 src/digital-components/textbox-question/textbox-question.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue
index a7f777fe..33c5b5d4 100644
--- a/src/digital-components/textarea-question/textarea-question.vue
+++ b/src/digital-components/textarea-question/textarea-question.vue
@@ -1,7 +1,7 @@
 <template>
     <div
         class="textarea-question"
-        :class="(errors && errors.length) ? 'has-error' : ''">
+        :class="(errors && errors.length) ? 'has-error' : 'has-success'">
         <label
             :for="inputId"
             class="form-label">
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 0c8a470b..8800a6a7 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -1,7 +1,7 @@
 <template>
     <div
         class="textbox-question"
-        :class="(errors && errors.length) || hasError ? 'has-error' : ''">
+        :class="(errors && errors.length) || hasError ? 'has-error' : 'has-success'">
         <label
             v-if="displayQuestionText"
             :for="inputId"

From 65cf5df20e5d83ecf84d4655dfd971e2528430c0 Mon Sep 17 00:00:00 2001
From: SujathaAnishetty <88043758+SujathaAnishetty@users.noreply.github.com>
Date: Wed, 7 Jan 2026 15:35:38 -0500
Subject: [PATCH 2/3] fix issue raised from cursor

---
 .../textarea-question/textarea-question.vue                  | 5 ++++-
 src/digital-components/textbox-question/textbox-question.vue | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue
index 33c5b5d4..9b550661 100644
--- a/src/digital-components/textarea-question/textarea-question.vue
+++ b/src/digital-components/textarea-question/textarea-question.vue
@@ -1,7 +1,10 @@
 <template>
     <div
         class="textarea-question"
-        :class="(errors && errors.length) ? 'has-error' : 'has-success'">
+        :class="[
+            (errors && errors.length) ? 'has-error' : '',
+            (meta?.valid && meta?.touched && !(errors && errors.length)) ? 'has-success' : ''
+        ]">
         <label
             :for="inputId"
             class="form-label">
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 8800a6a7..70149cad 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -1,7 +1,10 @@
 <template>
     <div
         class="textbox-question"
-        :class="(errors && errors.length) || hasError ? 'has-error' : 'has-success'">
+        :class="[
+            ((errors && errors.length) || hasError) ? 'has-error' : '',
+            (meta?.valid && meta?.touched && !((errors && errors.length) || hasError)) ? 'has-success' : ''
+        ]">
         <label
             v-if="displayQuestionText"
             :for="inputId"

From fdecbf0d0855f1ffbe9744f68d71f8fb7d96f942 Mon Sep 17 00:00:00 2001
From: SujathaAnishetty <88043758+SujathaAnishetty@users.noreply.github.com>
Date: Wed, 7 Jan 2026 15:47:04 -0500
Subject: [PATCH 3/3] adding meta

---
 .../textarea-question/textarea-question.vue                  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue
index 9b550661..60293dde 100644
--- a/src/digital-components/textarea-question/textarea-question.vue
+++ b/src/digital-components/textarea-question/textarea-question.vue
@@ -87,7 +87,7 @@ export default {
             initialValue
         };
 
-        const { errorMessage, handleChange, handleBlur, validate, errors, resetField } =
+        const { errorMessage, handleChange, handleBlur, validate, errors, resetField, meta } =
             useField(props.inputId, props.validationRules, fieldOptions);
 
         return {
@@ -96,7 +96,8 @@ export default {
             handleBlur,
             validate,
             errors,
-            resetField
+            resetField,
+            meta
         };
     },
     computed: {