質問編集履歴
3
試したことを追加、現在の問題点を追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
作成した投稿フォームに「アイキャッチ画像」の画像アップロードボタンを設置したのですが、現在iOSのsafariで操作すると画像アップロードができません。
|
|
6
6
|
|
|
7
|
-
具体的には、ボタンを押すと
|
|
7
|
+
具体的には、画像アップロードボタンを押すとclickイベントが発生せず投稿フォームの最上部に戻ってしまいます。
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
PC
|
|
27
|
+
PC（Windows）
|
|
28
28
|
|
|
29
29
|
chrome ○
|
|
30
30
|
|
|
@@ -56,8 +56,28 @@
|
|
|
56
56
|
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
### 試したこと
|
|
60
60
|
|
|
61
|
-
どのようにすれば、iOSのsafariでも正常にアップロードができるようになるのでしょうか？
|
|
62
61
|
|
|
62
|
+
|
|
63
|
+
要素に対して、cursor: pointer;を適用
|
|
64
|
+
|
|
65
|
+
```CSS
|
|
66
|
+
|
|
67
|
+
a#wpuf-featured_image-322-pickfiles {
|
|
68
|
+
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
safariのイベント要素に対して、cursor: pointer;を適用しclickイベントを発生させるようにしましたが、同様に投稿フォームの最上部へ戻ってしまい正常に動作しませんでした。
|
|
78
|
+
|
|
79
|
+
しかし、iOSの「バックグラウンドで開く」で一旦新しいタブで開いた後、アップロードボタンを押すと正常に動作するようになりました。
|
|
80
|
+
|
|
81
|
+
どのようなことが原因と考えられるでしょうか？
|
|
82
|
+
|
|
63
|
-
教
|
|
83
|
+
御教示いただけると助かります。よろしくお願い致します。
|
2
切り分け情報の追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,15 +4,37 @@
|
|
|
4
4
|
|
|
5
5
|
作成した投稿フォームに「アイキャッチ画像」の画像アップロードボタンを設置したのですが、現在iOSのsafariで操作すると画像アップロードができません。
|
|
6
6
|
|
|
7
|
+
具体的には、ボタンを押すとアップロード画面は開かず投稿フォームの最上部に戻ってしまいます。
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
7
11
|
iOSのchromeではアップロードが可能です。
|
|
8
|
-
|
|
9
|
-
実機が無い為、Androidは確認中です。
|
|
10
12
|
|
|
11
13
|
パソコンではsafariや、他のブラウザでも正常にアップロードができ、アップロードボタンを押すとファイル選択画面が出てきます。
|
|
12
14
|
|
|
13
15
|
|
|
14
16
|
|
|
17
|
+
現在の動作は、以下の通りです。
|
|
18
|
+
|
|
19
|
+
iOS
|
|
20
|
+
|
|
21
|
+
safari ×
|
|
22
|
+
|
|
23
|
+
chrome ○
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
PC
|
|
28
|
+
|
|
29
|
+
chrome ○
|
|
30
|
+
|
|
31
|
+
safari ○
|
|
32
|
+
|
|
33
|
+
IE ○
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
15
|
-
|
|
37
|
+
他ブラウザ、Androidは確認中です。
|
|
16
38
|
|
|
17
39
|
|
|
18
40
|
|
1
iOSでの検証結果、ブラウザの切り分けを追加
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
WP User Frontend
|
|
1
|
+
WP User Frontend iOSsafariから画像がアップロードできない
|
test
CHANGED
|
@@ -2,9 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
作成した投稿フォームに「アイキャッチ画像」の画像アップロードボタンを設置したのですが、
|
|
5
|
+
作成した投稿フォームに「アイキャッチ画像」の画像アップロードボタンを設置したのですが、現在iOSのsafariで操作すると画像アップロードができません。
|
|
6
6
|
|
|
7
|
+
iOSのchromeではアップロードが可能です。
|
|
8
|
+
|
|
9
|
+
実機が無い為、Androidは確認中です。
|
|
10
|
+
|
|
7
|
-
パソコンでは正常にアップロードができ、アップロードボタンを押すとファイル選択画面が出てきます。
|
|
11
|
+
パソコンではsafariや、他のブラウザでも正常にアップロードができ、アップロードボタンを押すとファイル選択画面が出てきます。
|
|
8
12
|
|
|
9
13
|
|
|
10
14
|
|
|
@@ -32,6 +36,6 @@
|
|
|
32
36
|
|
|
33
37
|
設定画面にはスマホの設定はなく、最大ファイルサイズの設定くらいしかありません。
|
|
34
38
|
|
|
35
|
-
どのようにすれば、
|
|
39
|
+
どのようにすれば、iOSのsafariでも正常にアップロードができるようになるのでしょうか？
|
|
36
40
|
|
|
37
41
|
教えて頂けると助かります。よろしくお願いします。
|