Hi, I am using Typhoon, with a form in a modular page. On localhost the recaptcha field shows up, but not online. The form plugin is up to date and filled in with the right recaptcha thingies.
When loading the page Console gives the following error:
Refused to load the script 'https://www.google.com/recaptcha/api.js?onload=captchaOnloadCallback_contact&render=explicit&hl=&theme=dark' because it violates the following Content Security Policy directive: "default-src 'self' data: 'unsafe-inline' 'unsafe-eval' *.googletagmanager.com *.google-analytics.com". Note that 'script-src-elem' was not explicitly set, so 'default-src' is used as a fallback.
Here is the frontmatter of the form page
---
title: 'Neem contact op'
subtitle: 'Meer weten?'
section_classes: 'bg-primary-darker text-primary-lighter py-8 md:py-24'
title_text: light
cache_enable: false
form:
name: contact
action: '/#neem-contact-op'
inline_errors: true
fields:
name:
label: Name
display_label: false
placeholder: '* Je naam'
autocomplete: 'on'
type: text
validate:
required: true
email:
label: Email
display_label: false
placeholder: '* Je emailadres'
type: email
validate:
required: true
phone:
label: Phone
display_label: false
placeholder: 'Je telefoonnummer (WhatsApp of Signal) (optioneel)'
type: text
message:
label: Message
display_label: false
placeholder: '* Je bericht'
type: textarea
rows: 4
validate:
required: true
g-recaptcha-response:
label: Captcha
type: captcha
recaptcha_not_validated: 'Captcha not valid!'
buttons:
submit:
type: submit
classes: 'bg-gray-600 hover:bg-gray-900'
value: Versturen
process:
captcha: true
message: '<b>Merci!</b> Wij hebben je bericht gekregen en zullen asap contact opnemen.'
email:
from: '{{ config.plugins.email.from }}'
to: '{{ config.plugins.email.to }}'
subject: '[Site Contact Form] {{ form.value.name|e }}'
body: '{% include ''forms/data.html.twig'' %}'
---
