セキュリティの画像選択が右にずれる

AI-generated summary

スマホでログイン時、Google reCAPTCHA(「私はロボットではありません」の後に出る9枚画像の認証ポップアップ)が右にずれ、画面外にはみ出す不具合が報告された。添付画像で現象が共有されている。

  • 指摘されたのはGoogle reCAPTCHAの表示部分で、一般的な不具合というより、テーマ側の実装やCSSの影響が疑われている。
  • 対応案として、テーマのコードを編集し、reCAPTCHAの表示を中央寄せするCSS調整が提案された。参考リンクも提示されている。
  • コードの挿入先はテーマ構成次第だが、customer/register.liquid 付近で recaptcha を検索する方法が案内された。見つからない場合はテーマをダウンロードし、ローカルでディレクトリ検索するよう勧められている。

現時点では解決報告はなく、テーマ内のreCAPTCHA実装箇所を特定してCSSを調整する段階。

ご質問させてください。

セキュリティの画像選択が右にずれて、スマホの画面から右にはみ出してしまう現象について解決策がございましたら、教えていたたいです。

よろしくお願い致します!

具体的にどのテーマのどの箇所でしょうか?

失礼しました。

顧客がログインするときに、メールアドレスとパスワードを入力し、その後ロボットではありませんにチェックをつけた後に、条件にあう複数の画像を選択する場面の、9枚画像が出てくるポップアップがずれている現象が起こっています。

対応方法がありましたら、教えていただきたいです。

よろしくお願いいたします。

GoogleのreCAPTCHA を使った機能ですが、あまりこのレイアウトについての問題がないのですが、画面キャプチャを貼り付けていただけますか?

Google側の問題で対応できない場合もあるかと思います。

ご回答ありがとうございます。

以下の画像がずれている画像となります。

テーマがGoogle reCAPTCHAをどう実装しているかによるので、テーマのコード編集でCSSをいじる必要があるかと思いますが、以下のような中央寄席をすれば直るかもしれません。

https://michinari.work/archives/recaptcha.html

ありがとうございます!

早速やってみたいです!

どこのLiquidに挿入したらよいのか、教えていただくことはかのうでしょうか??

何度もすみません :folded_hands:

テーマによってファイル構成は変わりますが、customer/register.liquid あたりで、recaptcha で検索してみてください。見つからない場合は、テーマ自体をダウンロードして、ローカルでディレクトリ検索するとrecaptchaの実装をしている箇所がわかるかと思います。