Cherry-pick: Tie changes to validation flow

src/common-components/textbox-question/textbox-question.vue

@@ -123,8 +123,15 @@ export default {
     methods: {
         async submitImage(e) {
             await this.dispatchStoreAction(storeActions.LOOKUP_VIN_BY_IMAGE, e.target.files[0])
-                .then((response) => {
+                .then(async (response) => {
-                    document.getElementById(this.inputId).value = response.data;
+                    this.value = response.data.length > 0 ? response.data[0] : "";
+
+                    // Wait for DOM to update before firing change event to handle validation.
+                    await this.$nextTick();
+
+                    document.getElementById(this.inputId).dispatchEvent(
+                        new Event('change')
+                    );
                 })
                 .catch((error) => {
                     console.log(error);