From 2fdf5c292b2c849701ab08925a8570d78c23f76e Mon Sep 17 00:00:00 2001
From: Will Franklin <will@willpf.co.uk>
Date: Thu, 14 Nov 2024 14:32:00 +0100
Subject: [PATCH] Scroll form to top on next slide

---
 apps/frontend/src/components/pages/callouts/CalloutForm.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/pages/callouts/CalloutForm.vue b/apps/frontend/src/components/pages/callouts/CalloutForm.vue
index 631cd70e9..b6e9330f1 100644
--- a/apps/frontend/src/components/pages/callouts/CalloutForm.vue
+++ b/apps/frontend/src/components/pages/callouts/CalloutForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <form :class="formClass" @submit.prevent>
+  <form ref="formEl" :class="formClass" @submit.prevent>
     <FormRenderer
       v-for="slide in visibleSlides"
       :key="slide.id"
@@ -104,6 +104,7 @@ const captchaToken = ref('');
 const formError = ref('');
 const isLoading = ref(false);
 
+const formEl = ref<HTMLFormElement>();
 const formClass = computed(() => [
   'callout-form',
   {
@@ -216,6 +217,8 @@ function handleNextSlide() {
   }
 
   slideIds.value.unshift(nextSlideId);
+
+  formEl.value?.scrollIntoView();
 }
 
 function handlePrevSlide() {