in English
ブラウザのバグの壁
古いコンテンツ
このページは古くなっているため、Bootstrap の最新バージョンには適用できません。現在は純粋に歴史的な目的のためにここにあり、次のメジャー リリースで削除される予定です。
Bootstrap は現在、主要なブラウザーのいくつかの未解決のブラウザー バグを回避して、可能な限り最高のクロスブラウザー エクスペリエンスを提供します。以下にリストされているような一部のバグは、当社では解決できません。
修正プロセスを迅速に進めることを期待して、ここに影響を与えるブラウザのバグを公開します。Bootstrap のブラウザー互換性については、ブラウザー互換性に関するドキュメント を参照してください。
以下も参照してください。
- Chromium issue 536263: [meta] Bootstrap に影響する問題
- Mozilla バグ 1230801: Bootstrap に影響する問題を修正
- WebKit バグ 159753: [meta] Bootstrap に影響する問題
- jQuery のブラウザー バグの回避策
| ブラウザ | バグのまとめ | アップストリームの問題 | ブートストラップの問題 |
|---|---|---|---|
| 角 | スクロール可能なモーダル ダイアログのビジュアル アーティファクト | エッジの問題 #9011176 | #20755 |
| 角 | title最初のキーボード フォーカスで表示するためのネイティブ ブラウザー ツールチップ(カスタム ツールチップ コンポーネントに加えて) |
エッジの問題 #6793560 | #18692 |
| 角 | :hoverホバーされた要素は、スクロールして離れた後もその状態のままです。 |
エッジの問題 #5381673 | #14211 |
| 角 | CSSによって、親要素border-radiusの裏抜けが発生することがあります。background-color |
エッジの問題 #3342037 | #16671 |
| 角 | backgroundof<tr>は、行内のすべてのセルではなく、最初の子セルにのみ適用されます |
エッジの問題 #5865620 | #18504 |
| 角 | 下のレイヤーの背景色が透明枠からにじむ場合がある | エッジの問題 #6274505 | #18228 |
| 角 | 子孫の SVG 要素にカーソルを合わせるとmouseleave、祖先でイベントが発生します |
エッジの問題 #7787318 | #19670 |
| 角 | スクロール時にアクティブposition: fixed; <button>がちらつく |
エッジの問題 #8770398 | #20507 |
| ファイアフォックス | .table-bordered空の<tbody>境界線がありません。 |
Mozilla バグ #1023761 | #13453 |
| ファイアフォックス | フォーム コントロールの無効状態が JavaScript によって変更された場合、ページを更新しても通常の状態に戻りません。 | Mozilla バグ #654072 | #793 |
| ファイアフォックス | focusdocumentオブジェクトでイベントを発生させるべきではありません |
Mozilla バグ #1228802 | #18365 |
| ファイアフォックス | ワイド フローティング テーブルが新しい行に折り返されない | Mozilla バグ #1277782 | #19839 |
| ファイアフォックス | 目的のために、マウスが要素内にないことがあるmouseenter/ mouseleaveSVG 要素内にある場合 |
Mozilla バグ #577785 | #19670 |
| ファイアフォックス | 印刷時にフローティング列のレイアウトが壊れる | Mozilla バグ #1315994 | #21092 |
| ファイアフォックス (ウィンドウズ) | <select>画面が一般的ではない解像度に設定されていると、メニューの右端が表示されないことがあります |
Mozilla バグ #545685 | #15990 |
| Firefox (macOS & Linux) | バッジ ウィジェットが原因で、タブ ウィジェットの下の境界線が予期せず重ならない | Mozilla バグ #1259972 | #19626 |
| クローム (macOS) | 増分ボタンの上をクリックすると<input type="number">、減分ボタンが点滅します。 |
クロムの問題 #419108 | #8350、クロムの問題 #337668 |
| クロム | アルファ透明度を使用した CSS の無限リニア アニメーションでメモリ リークが発生します。 | クロムの問題 #429375 | #14409 |
| クロム | table-cellにもかかわらず境界線が重なっていないmargin-right: -1px |
クロムの問題 #749848 | #17438、#14237 |
| クロム | :hoverタッチ フレンドリーな Web ページでスティッキーを作成しない |
クロムの問題 #370155 | #12832 |
| クロム | position: absolute列よりも幅が広い要素が列の境界に誤ってクリップされる |
クロムの問題 #269061 | #20161 |
| クロム | のフォント数に応じて、テキストを含むダイナミック SVG のパフォーマンスが大幅に低下しますfont-family。 |
クロムの問題 #781344 | #24673 |
| サファリ | remメディア クエリの単位はfont-size: initial、ルート要素のではなく、を使用して計算する必要がありますfont-size |
WebKit バグ #156684 | #17403 |
| サファリ | ID と tabindex を持つコンテナへのリンクにより、VoiceOver によってコンテナが無視されます (スキップ リンクに影響します)。 | WebKit バグ #163658 | #20732 |
| サファリ | CSSmin-widthとmax-widthメディア機能は小数ピクセルを丸めるべきではありません |
WebKit バグ #178261 | #25166 |
| サファリ (macOS) | px、em、およびremページ ズームが適用されている場合、すべてがメディア クエリで同じように動作する必要があります。 |
WebKit バグ #156687 | #17403 |
| サファリ (macOS) | 一部の<input type="number">要素でボタンの動作がおかしい。 |
WebKit バグ #137269、Apple Safari レーダー #18834768 | #8350、ノーマライズ #283、Chromium の問題 #337668 |
| サファリ (macOS) | Web ページを固定幅で印刷するときのフォント サイズが小さい.container。 |
WebKit バグ #138192、Apple Safari レーダー #19435018 | #14868 |
| サファリ (iOS) | transform: translate3d(0,0,0);レンダリングのバグ。 |
WebKit バグ #138162、Apple Safari レーダー #18804973 | #14603 |
| サファリ (iOS) | ページをスクロールしている間、テキスト入力のカーソルが移動しません。 | WebKit バグ #138201、Apple Safari レーダー #18819624 | #14708 |
| サファリ (iOS) | 長いテキスト文字列を入力した後、カーソルをテキストの先頭に移動できません<input type="text"> |
WebKit バグ #148061、Apple Safari レーダー #22299624 | #16988 |
| サファリ (iOS) | display: blockテンポラル<input>のテキストが垂直方向にずれます |
WebKit バグ #139848、Apple Safari レーダー #19434878 | #11266、#13098 |
| サファリ (iOS) | タップしてもイベント<body>が発生しないclick |
WebKit バグ #151933 | #16028 |
| サファリ (iOS) | position:fixediPhone 6S+ Safari でタブ バーが表示されていると、正しく配置されない |
WebKit バグ #153056 | #18859 |
| サファリ (iOS) | <input>要素内をタップするposition:fixedと、ページの上部にスクロールします |
WebKit バグ #153224、Apple Safari レーダー #24235301 | #17497 |
| サファリ (iOS) | <body>CSS を使用するとoverflow:hidden、iOS でスクロール可能になります |
WebKit バグ #153852 | #14839 |
| サファリ (iOS) | position:fixed要素のテキスト フィールドでのスクロール ジェスチャが<body>、スクロール可能な先祖の代わりにスクロールすることがある |
WebKit バグ #153856 | #14839 |
| サファリ (iOS) | テキストを追加した後にモーダル-webkit-overflow-scrolling: touchがスクロール可能にならない |
WebKit バグ #158342 | #17695 |
| サファリ (iOS) | :hoverタッチ フレンドリーな Web ページでスティッキーを作成しない |
WebKit バグ #158517 | #12832 |
| サファリ (iOS) | メニューposition:fixedを開いた後に消える要素<select> |
WebKit バグ #162362 | #20759 |
| サファリ (iPad Pro) | position: fixed横向きのiPad Pro で要素の子孫のレンダリングがクリップされる |
WebKit バグ #152637、Apple Safari レーダー #24030853 | #18738 |
一番欲しい機能
Web 標準には、Bootstrap をより堅牢でエレガント、またはパフォーマンスの高いものにするために指定されている機能がいくつかありますが、特定のブラウザーにはまだ実装されていないため、それらを利用することができません。
これらの「最も求められている」機能リクエストをここに公開して、それらを実装するプロセスを促進することを期待しています.