サポート » プラグイン » contact form 7で入力しようとしてもカーソルが当たらない

  • 解決済 crss2017

    (@crss2017)


    お世話になります。

    contact form 7は、バージョン 4.7を使っています。

    フォームを固定ページに配置してしているのですが、
    項目によってカーソルが当たらないものがあり、必須項目を含んでいるため
    送信できなくなってしまいました。

    ●URL
    https://2017.umuaward.com/testpage/

    [カーソルが当たらない項目]
    ・ご住所
    ・電話番号
    ・メールアドレス
    ・メールアドレス確認
    ・メンバー写真1(アップローダ)
    ・メンバー写真2(アップローダ)
    ・YouTubeエントリー動画1

    ひと月ほど前の公開時にテストした際は問題なかったですが、
    最近、お客様の問い合わせがあり入力ができないことがわかりました。
    ※試しにcontact form 7をダウングレードしてみたのですが、変化ありませんでした。

    ググってみたり、フォーラムを探してみたりしたのですが、解決できませんでした。
    そこで、僭越ながら皆様のお知恵をお借りできないかと思いましてトピックを立てさせていただきました。
    どうぞ宜しくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック投稿者 crss2017

    (@crss2017)

    補足:3/24に最後の受信をしていますので、それ以降に不具合が生じたようです。

    ishitaka

    (@ishitaka)

    こんにちは

    ブラウザのデベロッパーツール等で対象のエレメント(カーソルの当たらない入力項目)を調べると原因が特定できるとおもいます。

    下記に、簡単ではありますが操作説明を記しますので調べてみてください。
    なお、Chrome ブラウザを対象にしていますが、他のブラウザもだいたい同じような操作だとおもいます。

    1. Chrome ブラウザで対象ページを開きます。
    2. [F12] キーを押下します。デベロッパーツール(画面下部)が表示されます。
    3. [Ctrl]+[Shift]+[C] キーを押下します。
    4. 対象の要素(カーソルの当たらない入力項目)をマウスでクリックします。デベロッパーツールのスタイルにクリックした要素のスタイルが表示されます。
    • この返信は7年前にishitakaが編集しました。理由: 誤記
    トピック投稿者 crss2017

    (@crss2017)

    @ishitaka さん

    はじめまして。
    丁寧な解説ありがとうございます。

    深く考えずに、safariで[開発]>[スタイルを無効にする]を適用してみたところ、
    該当箇所にもカーソルが当たることがわかりました。CSSが原因かもしれません。

    教えていただいた、chromeのデベロッパーツールで、該当箇所の細部をチェックしてみたいと思います!

    解決したら報告させていただきます。

    トピック投稿者 crss2017

    (@crss2017)

    他のページで使用していたCSSのクラス名とかぶっていたのが原因でした。
    すごく時間がかかってしまいましたが、解決できてホッとしました。
    回答頂いたishitakaさま、どうもありがとうございました。
    クローズさせていただきます。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「contact form 7で入力しようとしてもカーソルが当たらない」には新たに返信することはできません。