IOS9でBootStrapモーダルがポップアップできない問題の解決方法について

最近のプロジェクトでブートストラップ フロントエンドが使用されています。携帯電話を IOS9 にアップデートしたところ、ホームページのポップアップ ボックスに問題があることがわかりました。情報を集めた結果、ようやく解決策が見つかりました。次のコードを CSS に追加します

CSS

body {
 padding-right: 0px !important
}
.modal-open {
 overflow-y: auto;
}

PS: ブートストラップの日付ピッカーはブートストラップ モーダルで問題を表示しません

入力ボックスの外側にネストすることができます 問題は完全に解決されます。

変更前:

<div class="input-group">
  <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ &#39;now&#39;|date(&#39;Y-m-d&#39;) }}">
  <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

変更後:

<div class="input-group">
  <span style="position: relative; z-index: 9999;">
    <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ &#39;now&#39;|date(&#39;Y-m-d&#39;) }}">
  </span>
  <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

上記は、IOS9 で BootStrap モーダルがポップアップできないことについて編集者が紹介した解決策です。皆さん、ご質問がございましたら、メッセージを残してください。編集者が時間内に返信させていただきます。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

IOS9 で BootStrap モーダルがポップアップできない問題の解決策に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。