Merge branch 'develop' into feature/digital/SSR-207

src/digital-components/button-question/button-question.vue

@@ -69,7 +69,6 @@
         </div>
         <div class="row form-test-error mt-1">
             <error-message
-                class="small"
                 :name="formatString(groupName)"
                 v-if="!suppressError"></error-message>
         </div>

src/digital-components/dropdown-question/dropdown-question.vue

@@ -20,7 +20,7 @@
                 {{ value }}
             </option>
         </select>
-        <div v-show="errorMessage" class="row mt-2 form-test-error">
+        <div v-show="errorMessage" class="row mt-1 form-test-error">
             <span role="alert">{{ errorMessage }}</span>
         </div>
     </div>

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

@@ -39,13 +39,15 @@
                 :maxlength="maxLength ? maxLength : '999'"
                 @focus="$emit('focus', $event.target.value)" 
                 :data-bs-toggle="includeSelectIcon ? 'modal' : ''"
-                :data-bs-target="'#' + this.cmsWidgetName" />
+                :data-bs-target="'#' + this.cmsWidgetName" 
+                @paste="trimOnPaste"
+                @drop="trimOnPaste"/>
             <button v-if="includeSearchIcon" type="submit" aria-label="Search button" />
             <button v-if="includeSelectIcon" type="submit" data-bs-toggle="modal"
                 :data-bs-target="'#' + this.cmsWidgetName" aria-label="Select button" />
         </div>
         <div v-show="errorMessage" class="row my-1 form-test-error">
-            <span class="d-inline-flex small mt-0" role="alert">{{ errorMessage }}</span>
+            <span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span>
         </div>
     </div>
 </template>
@@ -124,6 +126,19 @@ export default {
             errors,
         };
     },
+    methods: {
+        trimOnPaste(evt) {
+            evt.stopPropagation();
+            evt.preventDefault();
+
+            const data = evt.type == "paste" ? (evt.clipboardData || window.clipboardData) : evt.dataTransfer;
+            const value = data.getData('Text');
+
+            evt.target.value = value.trim();
+
+            evt.target.dispatchEvent(new Event('change'));
+        }
+    },
     computed: {
         questionText() {            
             return this.getCmsContent(this.cmsWidgetName, "QuestionText");

src/iss-components/site-footer/site-footer.vue

@@ -151,6 +151,7 @@ export default {
             justify-content: flex-start;
         }
     }
+
     & > .container-fluid {
         overflow-x: visible; // needed to fix hidden footer on some iphones
     }
@@ -160,8 +161,15 @@ export default {
     text-align: center;
     position: sticky;
     bottom: 72px;
-    
 }
+
+@media only screen and (max-width: 340px) {
+    .footerImage
+    {
+        bottom: 85px;
+    }
+}
+
 #siteFooterImage
 {
     width: 100%;