adding condition to when radio button on change event fires

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

@@ -31,6 +31,7 @@
               screenReaderOnlyText="(opens new window)"
               :colLength="this.answers.length < 3 ? '' : '-4'"
               :selectedButtonIDs="selectedValues"
+              :newPageOnSelect="isOverflowScrollable"
               data-test="button"
             />
           </div>
@@ -126,7 +127,7 @@ export default {
         val.isChecked ? newSelectedValues.push(val.buttonId) : newSelectedValues.splice(newSelectedValues.indexOf(val.buttonId), 1);
         this.selectedValues = newSelectedValues;
       } else {
-        this.selectedValues = [val.buttonId]
+        this.selectedValues = [val.buttonId];
       }
     },
   },

src/ux-components/list-button/list-button.vue

@@ -12,7 +12,7 @@
       :aria-required="isRequired"
       :data-focus-target="groupName"
       v-model="checkValue"
-      @change="handleCheckChange"
+      @change="!newPageOnSelect ? handleCheckChange : ''"
     >
     <label
       tabindex="-1"
@@ -73,6 +73,7 @@ export default {
       default: "",
     },
     selectedButtonIDs: [Array, String],
+    newPageOnSelect: Boolean,
   },
   data() {
     return {
@@ -90,9 +91,8 @@ export default {
       this.isLoaderDisplayed = true;
     },
     handleClick(value) {
-      if (this.loaderEnabled) {
-        this.displayLoader();
-      }
+      this.loaderEnabled ? this.displayLoader() : '';
+      this.newPageOnSelect ? this.handleCheckChange() : '';
       this.handleChange(value);
     },
     handleCheckChange(newValue, oldValue){
@@ -100,7 +100,7 @@ export default {
       if (!isInitialization) {
         this.$emit('isCheckedChanged', { isChecked: this.checkValue, buttonId: this.buttonID.toString() });
       }
-    }
+    },
   },
   components: {
     loader,