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