WIP footer modal code updates.

jest.config.js

@@ -25,7 +25,6 @@ module.exports = {
     "!src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue",
     "!src/ux-components/alert\alert.vue",
     "!src/helpers/validation-rules.js",
-    "!src/common-components/menu-modal/menu-modal.vue",
     // END
   ], // ! means exclude from coverage.
   testMatch: ["**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],

src/common-components/funnel-footer/funnel-footer.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="row" :style="`padding-bottom: ${paddingHeight}px`"></div>
     <footer class="footer container-fluid fixed-bottom g-5 bg-light py-4" id="infoBox">
       <div class="row d-flex flex-row-reverse align-items-center vw-100">
         <div class="col button-col d-flex" id="stacked">

src/common-components/funnel-header/funnel-header.vue

@@ -20,7 +20,7 @@
 import alert from "@/ux-components/alert/alert";
 import eventBus from "@/helpers/event-bus/event-bus";
 import { globalEvents } from "@/constants/events";
-import menuModal from "@/common-components/menu-modal/menu-modal";
+import menuModal from "@/common-components/funnel-header/menu-modal/menu-modal";
 
 export default {
   name: "funnel-header",

src/common-components/funnel-header/menu-modal/menu-modal.vue

@@ -41,10 +41,15 @@ export default {
     var self = this;
     myModalEl.addEventListener('hide.bs.modal', function (event) {
       self.isActive = false;
+      event.prevenDefault();
     });
     myModalEl.addEventListener('show.bs.modal', function (event) {
       self.currentFooterAndHeaderHeight = self.getFooterInfoBoxHeight() + 72;
       self.isActive = true;
+      console.log("scroll!!!");
+      document.querySelector('.page-container-grouped-styles').scrollTo({
+        top: 0,  behavior: 'smooth'
+      });
     })
   },
   components: {
@@ -71,6 +76,7 @@ export default {
       flex-direction: column;
       justify-content: center;
       align-items: center;
+      padding: 0;//Required to prevent 'squish' on iPhone
       z-index: 1056;
       .bar1,
       .bar2,

src/layouts/component-test/component-test.vue

@@ -1089,7 +1089,7 @@
   import textboxQuestion from "@/common-components/textbox-question/textbox-question";
   import dropdownQuestion from "@/common-components/dropdown-question/dropdown-question";
   import vinInformation from "@/layouts/vin-lookup/vin-information/vin-information";
-  import menuModal from "@/common-components/menu-modal/menu-modal";
+  import menuModal from "@/common-components/funnel-header/menu-modal/menu-modal";
   export default {
     name: "App",
     components: {

src/styles/common-styles.scss

@@ -53,8 +53,7 @@ body {
     left: 50%;
     transform: translateX(-50%);
     max-width: 576px;
-    height: calc(100% - 152px);
+    height: calc(100% - 72px);
-    top: 72px;
   }
 
 }