Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Support

Turnstile throws error "missing-input-response"

Solved by Christopher Pickert View solution

Started by Christopher Pickert 2 years ago · 4 replies · 2580 views

2 years ago

I have been trying unsuccessfully to get turnstile captcha working in a simple contact form (wanting to avoid the nonstop crush of comment spam).

On form submission, I get a message "Captcha failed for this form, please try again".
In the log I see Form Turnstile invalid: [/contact] {"success":false,"error-codes":["missing-input-response"],"messages":[]}

As for my site:

My Grav installation is up to date.
I have the turnstile keys in the /user/config/plugins/form.yaml file as instructed in the docs.
The form is very similar to the example in the docs.
The theme's form template uses the "raw" filter (content|raw) - though it fails with or without "raw".
I've set "Include externals in JS pipeline" to false.

Does anyone have an idea what "missing-input-response" means and/or what I may be missing? Are the docs still up to date?

2 years ago

I was getting a load of spam on my site which was using Google's reCAPTCHA, so I decided to try Cloudflare's Turnstile in an attempt to reduce the volume of spam.

I was getting the exact same error message in the log ("missing-input-response").

On inspecting the source of the page I realised that the Turnstile script was not being referenced.

Using the JS link provided on this page I added it to my theme template as follows:

TWIG

  <head>
    {% block head %}
      ...
      {% block javascripts %}
        {% do assets.addJs('https://challenges.cloudflare.com/turnstile/v0/api.js', {'priority':130, 'loading': 'defer'}) %}
        ...
      {% endblock %}
      {{ assets.js() }}
    {% endblock head %}
  </head>

And straight away my Turnstile captcha started working:

image|649x323

Not sure if this is going to help you, but thought I'd share my experience anyway!

Chris

pamtbaau

Grav Forum Moderators Legend First Post Conversation Starter Well Liked 3127 posts

2 years ago

@christhorn:
On inspecting the source of the page I realised that the Turnstile script was not being referenced.

Using the JS link provided on this page I added it to my theme template as follows:

Although the Form plugin will load the javascript of Turnstile, Turnstile might not be happy if you have set js_pipeline: true

The setting mentioned by @Wartybliggens should work (at least it works in my test):

YAML

assets:
  js_pipeline_include_externals: false

last edited 01/15/24 by pamtbaau

2 years ago Solution

Problem solved:

The docs say "You can ignore the script tag suggested, as Grav takes care of it for you" -- but that was not happening in my case, because I use a theme that's a copy of antimatter (the default theme) which I customized, so it doesn't get updates. Turns out that themes implement the entire head, and the head in the current version of antimatter has differences that affect script loading.

So in one sense, it was my fault: my theme was a bit out of date. But this kind of rubs me the wrong way. The docs say "Grav takes care of it for you" but any theme can easily break the mechanism that would support that claim, including all the out-of-date themes that are still available it seems. Architecturally, Grav can't both be html-agnostic and also guarantee things that depend on the html being a certain way, at least not without making it clear in the docs. In general I'm curious whether an approach that would have Grav build the head and have it be configurable would solve for this sort of thing and still work for users of Grav, rather than letting themes break it.

In any case, thank you @christhorn and @pamtbaau for your help! It's working now.

pamtbaau

Grav Forum Moderators Legend First Post Conversation Starter Well Liked 3127 posts

2 years ago

@Wartybliggens,

Out of 116 themes, there are about 51 themes that match regex {%\s*block\s.*\sdeferred \s*%} somewhere in their code. Which means 65 themes do not use deferred, which might lead to your issue. Thirty of these themes are updated after the introduction of the feature.

IMHO, it is a responsibility of the authors of themes/plugins to keep an eye on the changelog of Grav and update their themes/plugins accordingly.

However, there is also a responsibility of the team (with the help of the community perhaps) to keep an eye on themes/plugins that might cause issues. See this discussion on Github: Theme/plugin repository cleanup and quality control

You might consider creating a PR on the docs and alter the remark into:
"You can ignore the script tag suggested, as Grav takes care of it for you when the theme loads scripts in a deferred block."

Topic	Replies	Views	Activity
Multisite in subdirectory Support · by Thomas, 1 week ago	2	53	10 hours ago
How to listen for GET requests instead of POST requests? Support · by Anna, 3 days ago	2	60	13 hours ago
Twig not processing in 2.0.0 Support · by Justin Young, 14 hours ago	1	30	14 hours ago
Form: GRAV.Yes translation key Support · by Duc , 1 week ago	2	65	5 days ago
Installing Grav on Windows 11 Support · by Colin Hume, 1 week ago	2	56	5 days ago

Suggested topics