IMPR: Show scrolls to prevent jumping

app/_config/api-captcha.yml

@@ -7,9 +7,6 @@ After:
 A2nt\CMSNiceties\Extensions\SiteMemberLoginForm:
   enable_captcha: false
 
-SilverStripe\SpamProtection\Extension\FormSpamProtectionExtension:
-  default_spam_protector: UndefinedOffset\NoCaptcha\Forms\NocaptchaProtector
-
 UndefinedOffset\NoCaptcha\Forms\NocaptchaField:
   site_key: '`NOCAPTCHA_SITE_KEY`' #Your site key (required)
   secret_key: '`NOCAPTCHA_SECRET_KEY`' #Your secret key (required)
@@ -20,3 +17,17 @@ UndefinedOffset\NoCaptcha\Forms\NocaptchaField:
   default_badge: 'bottomright' #Default badge position (bottomright, bottomleft or inline, defaults to bottomright)
   proxy_server: '' #Your proxy server address (optional)
   proxy_auth: '' #Your proxy server authentication information (optional)
+
+SilverStripe\SpamProtection\Extension\FormSpamProtectionExtension:
+  default_spam_protector: WebbuildersGroup\Turnstile\Forms\TurnstileProtector  #Set the default spam protector
+  #default_spam_protector: UndefinedOffset\NoCaptcha\Forms\NocaptchaProtector
+
+WebbuildersGroup\Turnstile\Forms\TurnstileField:
+  site_key: '`TURNSTILE_SITE_KEY`' #Your site key (required)
+  secret_key: '`TURNSTILE_SECRET_KEY`' #Your secret key (required)
+  verify_ssl: true #Allows you to disable php-curl's SSL peer verification by setting this to false (optional, defaults to true)
+  default_theme: "light" #Default theme color (optional, light, dark or auto, defaults to light)
+  js_onload_callback: null #Onload callback to be called when the JS for Turnstile is loaded
+  proxy_server: "`SS_OUTBOUND_PROXY_SERVER`" #Your proxy server address (optional)
+  proxy_port: "`SS_OUTBOUND_PROXY_PORT`" #Your proxy server address port (optional)
+  proxy_auth: "`SS_OUTBOUND_PROXY_AUTH`" #Your proxy server authentication information (optional)

app/templates/Includes/LoadingSpinner.ss

@@ -1,4 +1,5 @@
 <style>
+	<%-- Some prestyling to prevent jumpings --%>
 	button{background:none;border:0}
     .container{margin-left:auto;margin-right:auto;padding-left:0.75rem;padding-right:0.75rem}
     @media (min-width: 1368px){.container{max-width:1180px}}
@@ -7,6 +8,8 @@
     .row {display:flex;justify-content:space-between}
     .breadcrumb{list-style:none}
     .breadcrumb-item{display:inline-block}
+    <%-- always show scroll bar --%>
+    html {overflow-y:scroll}
     <%-- Site Specific --%>
 	@keyframes lds-ellipsis1 {
 		0% {

env-dist

@@ -11,6 +11,9 @@ SS_ENVIRONMENT_TYPE='dev'
 NOCAPTCHA_SITE_KEY=''
 NOCAPTCHA_SECRET_KEY=''
 
+TURNSTILE_SITE_KEY=''
+TURNSTILE_SECRET_KEY=''
+
 GOOGLEMAPS_API_KEY=''
 MAPBOX_API_KEY=''