WP User Frontendというプラグインを使用してユーザー投稿型サイトを考えています。
作成した投稿フォームに「アイキャッチ画像」の画像アップロードボタンを設置したのですが、現在iOSのsafariで操作すると画像アップロードができません。
具体的には、画像アップロードボタンを押すとclickイベントが発生せず投稿フォームの最上部に戻ってしまいます。
iOSのchromeではアップロードが可能です。
パソコンではsafariや、他のブラウザでも正常にアップロードができ、アップロードボタンを押すとファイル選択画面が出てきます。
現在の動作は、以下の通りです。
iOS
safari ×
chrome ○
PC(Windows)
chrome ○
safari ○
IE ○
他ブラウザ、Androidは確認中です。
html
1<div class="wpuf-attachment-upload-filelist" data-type="file" data-required="no"> 2 <a id="wpuf-featured_image-322-pickfiles" data-form_id="322" class="button file-selector wpuf_featured_image_322" href="#" style="position: relative; z-index: 1;">画像を選択して追加</a> 3 4 <ul class="wpuf-attachment-list thumbnails"> 5 </ul> 6 </div>
試したこと
要素に対して、cursor: pointer;を適用
CSS
1a#wpuf-featured_image-322-pickfiles { 2 cursor: pointer; 3}
safariのイベント要素に対して、cursor: pointer;を適用しclickイベントを発生させるようにしましたが、同様に投稿フォームの最上部へ戻ってしまい正常に動作しませんでした。
しかし、iOSの「バックグラウンドで開く」で一旦新しいタブで開いた後、アップロードボタンを押すと正常に動作するようになりました。
どのようなことが原因と考えられるでしょうか?
御教示いただけると助かります。よろしくお願い致します。