ブラウザのバグの壁

Bootstrap は現在、主要なブラウザーのいくつかの未解決のブラウザーバグを回避して、可能な限り最高のクロスブラウザーエクスペリエンスを提供します。以下にリストされているような一部のバグは、当社では解決できません。

修正プロセスを迅速に進めることを期待して、ここに影響を与えるブラウザのバグを公開しています。Bootstrap のブラウザー互換性については、ブラウザー互換性に関するドキュメントを参照してください。

以下も参照してください。

ブラウザ	バグのまとめ	上流のバグ	ブートストラップの問題
マイクロソフトエッジ	`title`最初のキーボードフォーカスで表示するためのネイティブブラウザーツールチップ(カスタムツールチップコンポーネントに加えて)	エッジの問題 #6793560	#18692
マイクロソフトエッジ	`:hover`ホバーされた要素は、スクロールして離れた後もその状態のままです。	エッジの問題 #5381673	#14211
マイクロソフトエッジ	メニュー項目にカーソルを合わせる`<select>`と、メニューの下にある要素のカーソルが表示されます。	エッジの問題 #817822	#14528
マイクロソフトエッジ	CSSによって、親要素`border-radius`の裏抜けが発生することがあります。`background-color`	エッジの問題 #3342037	#16671
マイクロソフトエッジ	`background`of`<tr>`は、行内のすべてのセルではなく、最初の子セルにのみ適用されます	エッジの問題 #5865620	#18504
マイクロソフトエッジ	`@-ms-viewport{width: device-width;}`スクロールバーを自動的に非表示にするという副作用があります	エッジの問題 #7165383	#18543
マイクロソフトエッジ	下のレイヤーの背景色が透明枠からにじむ場合がある	エッジの問題 #6274505	#18228
マイクロソフトエッジ	子孫の SVG 要素にカーソルを合わせると`mouseleave`、祖先でイベントが発生する	エッジの問題 #7787318	#19670
ファイアフォックス	`.table-bordered`空の`<tbody>`境界線がありません。	Mozilla バグ #1023761	#13453
ファイアフォックス	フォームコントロールの無効状態が JavaScript によって変更された場合、ページを更新しても通常の状態に戻りません。	Mozilla バグ #654072	#793
ファイアフォックス	`focusdocument`オブジェクトでイベントを発生させるべきではありません	Mozilla バグ #1228802	#18365
ファイアフォックス	ワイドフローティングテーブルが新しい行に折り返されない	Mozilla バグ #1277782	#19839
ファイアフォックス	目的のために、マウスが要素内にないことがある`mouseenter`/ `mouseleave`SVG 要素内にある場合	Mozilla バグ #577785	#19670
ファイアフォックス	`position: absolute`列よりも幅が広い要素は、他のブラウザーとは異なる方法でレンダリングされます	Mozilla バグ #1282363	#20161
ファイアフォックス (ウィンドウズ)	`<select>`画面が一般的ではない解像度に設定されていると、メニューの右端が表示されないことがあります	Mozilla バグ #545685	#15990
Firefox (OS X & Linux)	バッジウィジェットが原因で、タブウィジェットの下の境界線が予期せず重ならない	Mozilla バグ #1259972	#19626
クローム (アンドロイド)	スクロール可能なオーバーレイでをタップしても、ビューに`<input>`スクロールされません。`<input>`	クロムの問題 #595210	#17338
クロム (OS X)	増分ボタンの上をクリックすると`<input type="number">`、減分ボタンが点滅します。	クロムの問題 #419108	#8350とChromium の問題 #337668の分派
クロム	アルファ透明度を使用した CSS の無限リニアアニメーションでメモリリークが発生します。	クロムの問題 #429375	#14409
クロム	`:focus` `outlinereadonly` `<input>`style を指定すると、aを読み取り/書き込みに切り替えるときにカーソルが表示されなくなります。	クロムの問題 #465274	#16022
クロム	`table-cell`にもかかわらず境界線が重なっていない`margin-right: -1px`	クロムの問題 #534750	#17438、#14237
クロム	オーバーフローしたオプションでスクロールバーをクリックする`<select multiple>`と、近くが選択されます`<option>`	クロムの問題 #597642	#19810
クロム	`:hover`タッチフレンドリーな Web ページでスティッキーを作成しない	クロムの問題 #370155	#12832
クロム (Windows & Linux)	タブが非表示のときにアニメーションが発生した後、非アクティブなタブに戻ると、アニメーションの不具合が発生する。	クロムの問題 #449180	#15298
サファリ	`rem`メディアクエリの単位は`font-size: initial`、ルート要素のではなく、を使用して計算する必要があります`font-size`	WebKit バグ #156684	#17403
サファリ (OS X)	`px`、`em`、および`rem`ページズームが適用されている場合、メディアクエリですべて同じように動作する必要があります。	WebKit バグ #156687	#17403
サファリ (OS X)	一部の`<input type="number">`要素でボタンの動作がおかしい。	WebKit バグ #137269、Apple Safari レーダー #18834768	#8350、ノーマライズ #283、Chromium の問題 #337668
サファリ (OS X)	Web ページを固定幅で印刷するときのフォントサイズが小さい`.container`。	WebKit バグ #138192、Apple Safari レーダー #19435018	#14868
サファリ (iPad)	`<select>`iPad のメニューにより、ヒットテスト領域が移動する	WebKit バグ #150079、Apple Safari レーダー #23082521	#14975
サファリ (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:fixed`iPhone 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)	`<input>`オーバーレイ内でタップすると揺れやジグリング効果が発生する可能性があります	WebKit バグ #158276	#19927
サファリ (iOS)	テキストを追加した後にモーダル`-webkit-overflow-scrolling: touch`がスクロール可能にならない	WebKit バグ #158342	#17695
サファリ (iOS)	`:hover`タッチフレンドリーな Web ページでスティッキーを作成しない	WebKit バグ #158517	#12832
サファリ (iPad Pro)	`position: fixed`横向きのiPad Pro で要素の子孫のレンダリングがクリップされる	WebKit バグ #152637、Apple Safari レーダー #24030853	#18738

Web 標準には、Bootstrap をより堅牢でエレガント、またはパフォーマンスの高いものにするために指定されている機能がいくつかありますが、特定のブラウザーにはまだ実装されていないため、それらを利用することができません。

これらの「最も求められている」機能リクエストをここに公開して、それらを実装するプロセスを促進することを期待しています。

ブラウザ	特徴のまとめ	アップストリームの問題	ブートストラップの問題
マイクロソフトエッジ	セレクターレベル 4 から`:dir()`疑似クラスを実装する	Edge UserVoice アイデア #12299532	#19984
マイクロソフトエッジ	CSS Positioned Layout Level 3 からスティッキーポジショニングを実装する	Edge UserVoice アイデア #6263621	#17021
ファイアフォックス	CSS トランジションがキャンセルされたときにイベント`transitioncancel`を発生させる	Mozilla バグ #1264125	Mozilla バグ #1182856
ファイアフォックス	疑似クラスの`of <selector-list>`句を実装する`:nth-child()`	Mozilla バグ #854148	#20143
ファイアフォックス	HTML5`<dialog>`要素を実装する	Mozilla バグ #840640	#20175
クロム	疑似クラスの`of <selector-list>`句を実装する`:nth-child()`	クロムの問題 #304163	#20143
クロム	セレクターレベル 4 から`:dir()`疑似クラスを実装する	クロムの問題 #576815	#19984
クロム	CSS Positioned Layout Level 3 からスティッキーポジショニングを実装する	クロムの問題 #231752	#17021
サファリ	セレクターレベル 4 から`:dir()`疑似クラスを実装する	WebKit バグ #64861	#19984
サファリ	HTML5`<dialog>`要素を実装する	WebKit バグ #84635	#20175

ブラウザのバグ

一番欲しい機能