Contact Form 7 5.2でiOS端末から日付入力できない
-
はじめまして。
サイト移行により先月からWordPressを使い始めた初心者です。プラグイン「Contact Form 7」で申込みフォームを作成し
ありがたく運用させていただいております。Contact Form 7は、バージョンを昨日最新の5.2へ更新しました。
その後に気づいたのですが、iPhone(7と5)とiPad(Air2)のiOS端末だけが、日付入力ができません。
（アンドロイド端末は持ち合わせていなくて未確認です）
入力欄も何も表示されないので、選択も入力も何もすることができません。Windows10のPCでは、ChromeとEdge、Firefoxでの確認で、
直接入力もカレンダー入力も問題有りません。日付は
[date date-1 placeholder class:datesp ]から[date date-2 placeholder class:datesp ]まで
をテーブルのtdタグ内に入れています。ちなみに
[date date-1 placeholder class:datesp ]
と
[date date-2 placeholder class:datesp ]
を分離して別々のtdタグに入れて別の行表示にしてみましたがそれもだめでした。ネット上で調べた後、過去の類似内容を参考にし、
function.php内へ
add_filter( 'wpcf7_support_html5_fallback', '__return_true' );
を追記するというのを見つけて試しましたが変化なしでした。
追記したのは、子テーマのfunction.php内です。Contact Form 7 5.2の説明ページに「jQuery イベントの廃止」という記述がありましたので、その影響かもと想像しました。
iPhoneやiPadなどスマホで日付入力出来るようにする方法をアドバイス願います。
PC同様にカレンダー入力も直接入力もできるとすばらしいです。
或いはiOS独自のカレンダー選択ができるようにするには？
最悪でもテキスト入力による日付入力を可能にできれば助かります。
必須にあたる項目なので。iOS端末でも日付入力を可能にする方法をアドバイスください。
どうかよろしくお願いいたします。（各バージョン）
WordPressバージョン：5.4.2–ja
サーバー：ロリポップスタンダード
PHPバージョン：7.3（モジュール）
データベースバージョン：MySQL5.6ヘルプの必要なページ: [リンクを見るにはログイン]
-
こんばんは。
いくつか試してみたところほぼ結果が出たように思います。結論からいいますと、テーマの問題のようです。
サーバー上の本番環境においての確認です。
最終的に、プラグインの有効無効は全て上記と全く同じ状態にした上で、
「Twenty Twenty」テーマを有効にしてみたところ、
手持ちのiPhoneでもiPadでも日付入力が出来ました。
入力方式は、iOSのダイヤル式カレンダー（？）でした。その後にまた「Diver」テーマに戻したところ、
やはり手持ちのiOS端末では日付入力が不能になってしまいました。
（ちなみに、サイドバーやフッター等のウィジット設定が変わってしまいました。
これからバックアップによる復元を試みます。）上記結論へ至る経緯の報告をします。
本番環境としてサーバーへアップする以前の、古いローカル環境を3つほど残していました。
まず、それらで確認作業を行いました。ローカル上に残しておいたサーバーアップ前の古いサイト環境では、
いずれもiOS端末で日付入力ができました。
（Contact Form 7のバージョンは5.1.9です）
他のプラグインもいくつか旧バージョンがありましたがひとまずそのままで保留。次に、サーバーの本番環境をローカルへ移植して検討することを考えました。
Contact Form 7 5.2へ更新する直前にとっておいたDuplicatorバックアップがあったので、
それを使って、ローカル環境へ移植して確認してみました。
Contact Form 7のバージョンは 5.1.9で、それ以外のプラグインのバージョンと有効無効状態は全く同様です。その環境でiOS端末で日付入力確認ししたところ、入力できました。
ということで、今度は本番環境のContact Form 7のバージョンダウンを考えました。
本番環境のバージョンを5.1.9へ戻してiOS端末で日付入力確認してみると、
入力不能でした。この段階でまた振り出しに戻ったようで困りました。
ここで、ちょっと気になっていたことがありました。
ローカル環境でiOS端末による動作確認をWiFi経由で行っていたのですが、
そのiOS端末での表示だけが、デザイン崩れをおこしていました。サイト上部のメニューなどがテーマのデザインが適用されていないような状態です。
そのことが気になってテーマを疑いはじめました。一応ローカルで一度テーマを切り替えての動作確認をしたのち、
本番環境のテーマを「Twenty Twenty」に切り替えてみたところ、
iOS端末で日付入力ができました！
デザインが戻らないことを見落としたままやってしましました…
という流れです。長くなりましたが以上が経過報告です。
以降、この問題に関する問い合わせ相談はテーマへということですね？
その際にContact Form 7 5.2についての補足事項などありませんでしょうか？アドバイスいただければ幸いです。
トピック「Contact Form 7 5.2でiOS端末から日付入力できない」には新たに返信することはできません。