質問編集履歴

3

user-scalableをnoにすると症状が出ないという情報追加

2016/04/19 14:02

投稿

piyoon
piyoon

スコア68

test CHANGED
File without changes
test CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
  追加情報:
34
34
 
35
- inputに入力するときにソフトウェアキーボードを出るのですが、この時にzoom値が変わるようで少しダイアログが大きくなります。
35
+ inputに入力するときにソフトウェアキーボードを出るのですが、この時にscale値が変わるようで少しダイアログが大きくなります。
36
36
 
37
37
  この時にレスポンシブ対応の動きが見えます。
38
38
 
@@ -41,6 +41,14 @@
41
41
 
42
42
 
43
43
  何かしら初期化処理を行えば改善するのではというところまでたどり着いたのですが、何を行う必要があるのか調べられませんでした。
44
+
45
+
46
+
47
+ scaleが関連しているっぽいのでuser-scalableをnoにすると問題の症状は発生しませんでした。
48
+
49
+ ですが、可能であればyesで作りたいので防ぐ方法ありましたらよろしくお願いします。
50
+
51
+
44
52
 
45
53
 
46
54
 

2

追加情報

2016/04/19 14:01

投稿

piyoon
piyoon

スコア68

test CHANGED
File without changes
test CHANGED
@@ -30,4 +30,36 @@
30
30
 
31
31
 
32
32
 
33
+ 追加情報:
34
+
35
+ inputに入力するときにソフトウェアキーボードを出るのですが、この時にzoom値が変わるようで少しダイアログが大きくなります。
36
+
33
- よろしくお願いします。
37
+ この時にレスポンシブ対応の動きが見えます。
38
+
39
+ この状態で入力を行い、入力終了すると上記の症状が発生するのですが、入力せずにダイアログのxボタンを押すなりダイアログの外をタップしダイアログを消すと次からは正常に動作するようになります。
40
+
41
+
42
+
43
+ 何かしら初期化処理を行えば改善するのではというところまでたどり着いたのですが、何を行う必要があるのか調べられませんでした。
44
+
45
+
46
+
47
+ これとは別なので別質問するほうが良いかもしれませんが一つ
48
+
49
+ ダイアログの表示を今までjQueryのon('click')から$(セレクタ).modal()で行っていたものを以下のようにtd要素からダイアログの呼び出しを行うようにしたのですがPCでは正常に動作したものの、iPod touchのChromeでは呼び出せませんでした。元に戻して動いているのでこのままでも良いのですが、対処法があれば対処したいと思いますのでよろしくお願いします
50
+
51
+ ```html
52
+
53
+ <div id="dialog" data-toggle="modal" data-target="#sampleModal">
54
+
55
+ <div class="modal-dialog" data-keyboard="true">
56
+
57
+ </div>
58
+
59
+ </div>
60
+
61
+
62
+
63
+ <td data-toggle="modal" data-target="#dialog">
64
+
65
+ ```

1

症状詳細追加

2016/04/14 16:03

投稿

piyoon
piyoon

スコア68

test CHANGED
File without changes
test CHANGED
@@ -20,4 +20,14 @@
20
20
 
21
21
 
22
22
 
23
+ いろいろ動作確認をしているのですが
24
+
25
+ アンドロイドのタブレット(NEXUS7)Chromeでの正常動作が確認できました。
26
+
27
+
28
+
29
+ iPod touchのChrome、Safariでこの症状が出ています。
30
+
31
+
32
+
23
33
  よろしくお願いします。