minsky-webform-formkit 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minsky-webform-formkit",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
   "module": "dist/index.js",
   "type": "module",

package/src/components/MinksyWebformFormKit/MinskyWebformFormKit.vue

@@ -99,7 +99,6 @@ const formData = reactive({
  * Lifecycle
  * ------------------------------------------------------------------ */
 onMounted(() => {
-  console.log('Mounted');
   // we merge messages provided by the user with default messages so there will alway be feedback when the form is submitted or missing
   msgs.value = Object.assign(defaultMessages, props.messages);
 
@@ -294,13 +293,6 @@ function handleSuccess(response) {
         successTitle.value = response.confirmation.title;
         successMessage.value = response.confirmation.message;
         success.value = true;
-
-        gsap.to(window, {
-          duration: 0.5,
-          scrollTo: { y: formRef.value, offsetY: 200 },
-          ease: 'power2',
-        });
-
         submissionLoading.value = false;
         break;
 
@@ -314,6 +306,13 @@ function handleSuccess(response) {
         success.value = true;
         submissionLoading.value = false;
     }
+
+    // scroll to form after submit so user can see the success message, if there is one
+    gsap.to(window, {
+      duration: 0.5,
+      scrollTo: { y: formRef.value, offsetY: 200 },
+      ease: 'power2',
+    });
   } else {
     window.location = props.forceRedirect.url;
   }

package/src/styles/webform-formkit.scss

@@ -70,8 +70,15 @@
       }
     }
 
+    .formkit-inner {
+      position: relative;
+    }
+
     .formkit-input {
-      @include noRender();
+      appearance: none;
+      position: absolute;
+      width: 100%;
+      height: 100%;
     }
 
     .formkit-option-help {