bootstrap3 のモーダル機能で検索したデータを表示していますが、スマホで縦スクロール（スワイプ）出来ません

Question

Bootstrap のモーダル機能を利用して簡易的な検索機能を作りました。
Ajax でPHP にデータを送信してSQLを発行し、Jsonデータの配列を受け取り一覧を作成します。

検索した結果が、思いのほか件数（15件超）があり、modalがスマホの表示領域を超えてしまいました。
そこで、スワイプして続きのデータを確認しようとしましたが、画面が固まったような状態で確認できなくなりました。

PCではスクロールバーが表示されて、一番下まで確認が出来ます。
スマホの場合はロックされたような状態で同様のことが出来ません。

対処方法をご存知の方がいらっしゃったら教えて頂ければと思います。

宜しくお願いいたします。

追記

  <div class="modal fade" id="Modal_Info" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
          <h4 class="modal-title">追加情報</h4>
        </div>
        <div class="modal-body">
          <input type="text" name="name" id="name" />
          <input type="button" id="search_info" value="検索" />
          <div id="additional_list"></div>
        </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
      </div>
    </div>
  </div>

検索ボタンを押下するとname をPHPに渡して検索をし、Json形式で結果を受け取ります。
その結果をadditional_listの領域に埋め込みます。

（追記）
どうもiOS特有の現象のように思えてきました。

Comments

[m.ts10806]

スクリーンショットや該当部分のソースコードをご提示ください。

[hidepon]

モーダルの内容を追記しました。このモーダルの内容が件数が多くなると縦長になります。スワイプ出来ないので10件目を超える内容をクリック出来ない状況です。（追記）スマホの時のみスワイプが出来ず、下方向のデータが閲覧できません。

[gin]

マルチポストは推奨されていません。ヘルプの「他のサービスにも質問投稿をしたい（してしまった）」を読み編集してください。

[m.ts10806]

iOS特有のという仮説ですが、Androidやタブレット（iOS、Androidその他）も試してみましたか？

[hidepon]

自分はiOS,知人にandroidをお願いしてそのような印象を持ちました。目の前でいてはいないのですが・・・

[m.ts10806]

ざっくり同様の環境で固定リストを埋め込んでみたのですが、これだけではPCでもモーダル内にスクロールは表示されませんでした。自身でCSSで何か指定していたりJavaScriptで指定している部分がありましたらそちらもあわせてご提示ください。出来ればJSON取得してadditional_listに埋め込むところもあれば検証も正しくできるので助かります。

[m.ts10806]

すみません。「モーダル内スクロール」ではなかったですね。「モーダルが表示されたらその縦幅分のスクロールに画面が切り替わる」ですね。失礼しました。

[m.ts10806]

GoogleChromeでしたらスマートフォンの見え方も確認できるので、そちらも確認してみて結果を教えてください。http://www.atmarkit.co.jp/ait/articles/1403/20/news050.html

[hidepon]

ご返答有難うございます。友人にandroid端末を使わせてもらいましたが、やはり下にスワイプできませんでした。androidのタブレットは問題なく指で下に弾くとしたの情報を見れるという状況でした。上記の件、試してみます。有難うございます。

Answer 1

こちらのissueは関連していませんか？
https://github.com/twbs/bootstrap/issues/17695

codepenでmockを作ってくれている人がいて、わたしのios実機(iphone6 ios10)でも同様の自称が確認できました。
https://codepen.io/jkrehm/full/LpRzJV

根本的な解決法ではないようですが、ワークアラウンドを搭載した版も公開してくれています。
https://codepen.io/jkrehm/full/OybdrW
$modal.modal('handleUpdate');でbootstrap内部のメソッドを呼んでいるみたいです。

参考になれば。。。