Contact Form 7で、reCAPTCHA v3を導入したら、送信できなくなった
Contact Form 7にreCAPTCHA v3を入れたら、送信しなくなってしまった。
Chromeのコンソールで確認すると以下のようなエラーが出ていた。
TypeError: Cannot set properties of null (setting 'innerText')
原因としてはWPテーマをカスタムするにあたって、JavaScriptで空のPタグを削除するようにしていたことが問題のようだ。
Contact Form 7でreCAPTCHA v3を導入すると、フォーム部分に以下のようなHTMLタグが入るようだ。
<p role="status" aria-live="polite" aria-atomic="true"></p>
この空タグを削除してしまっていたことが原因だった。
Contact Form 7を設置しているページでは、空タグ削除をしないようにしたら、問題無く送信できるようになった。
一瞬プラグインのバグを疑ったが、単純に自分のせいだった。バグはまず「自分を疑え」だね。