ブラウザのバグの壁

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

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

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

ブラウザ	バグのまとめ	上流のバグ	ブートストラップの問題
角	スクロール可能なモーダルダイアログのビジュアルアーティファクト	エッジの問題 #9011176	#20755
角	`title`最初のキーボードフォーカスで表示するためのネイティブブラウザーツールチップ(カスタムツールチップコンポーネントに加えて)	エッジの問題 #6793560	#18692
角	`:hover`ホバーされた要素は、スクロールして離れた後もその状態のままです。	エッジの問題 #5381673	#14211
角	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
角	スクロール時にアクティブ`position: fixed;` `<button>`がちらつく	エッジの問題 #8770398	#20507
ファイアフォックス	`.table-bordered`空の`<tbody>`境界線がありません。	Mozilla バグ #1023761	#13453
ファイアフォックス	フォームコントロールの無効状態が JavaScript によって変更された場合、ページを更新しても通常の状態に戻りません。	Mozilla バグ #654072	#793
ファイアフォックス	`focusdocument`オブジェクトでイベントを発生させるべきではありません	Mozilla バグ #1228802	#18365
ファイアフォックス	ワイドフローティングテーブルが新しい行に折り返されない	Mozilla バグ #1277782	#19839
ファイアフォックス	目的のために、マウスが要素内にないことがある`mouseenter`/ `mouseleave`SVG 要素内にある場合	Mozilla バグ #577785	#19670
ファイアフォックス	印刷時にフローティング列のレイアウトが壊れる	Mozilla バグ #1315994	#21092
ファイアフォックス (ウィンドウズ)	`<select>`画面が一般的ではない解像度に設定されていると、メニューの右端が表示されないことがあります	Mozilla バグ #545685	#15990
Firefox (macOS & Linux)	バッジウィジェットが原因で、タブウィジェットの下の境界線が予期せず重ならない	Mozilla バグ #1259972	#19626
クローム (アンドロイド)	スクロール可能なオーバーレイでをタップしても、ビューに`<input>`スクロールされません。`<input>`	クロムの問題 #595210	#17338
クローム (macOS)	増分ボタンの上をクリックすると`<input type="number">`、減分ボタンが点滅します。	クロムの問題 #419108	#8350とChromium の問題 #337668の分派
クロム	アルファ透明度を使用した CSS の無限リニアアニメーションでメモリリークが発生します。	クロムの問題 #429375	#14409
クロム	`table-cell`にもかかわらず境界線が重なっていない`margin-right: -1px`	クロムの問題 #749848	#17438、#14237
クロム	オーバーフローしたオプションでスクロールバーをクリックする`<select multiple>`と、近くが選択されます`<option>`	クロムの問題 #597642	#19810
クロム	`:hover`タッチフレンドリーな Web ページでスティッキーを作成しない	クロムの問題 #370155	#12832
クロム	`position: absolute`列よりも幅が広い要素が列の境界に誤ってクリップされる	クロムの問題 #269061	#20161
クロム (Windows & Linux)	タブが非表示のときにアニメーションが発生した後、非アクティブなタブに戻ると、アニメーションの不具合が発生する。	クロムの問題 #449180	#15298
クロム	のフォント数に応じて、テキストを含むダイナミック SVG のパフォーマンスが大幅に低下します`font-family`。	クロムの問題 #781344	#24673
サファリ	`rem`メディアクエリの単位は`font-size: initial`、ルート要素のではなく、を使用して計算する必要があります`font-size`	WebKit バグ #156684	#17403
サファリ	ID と tabindex を持つコンテナへのリンクにより、VoiceOver によってコンテナが無視されます (スキップリンクに影響します)。	WebKit バグ #163658	#20732
サファリ	CSS`min-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: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)	テキストを追加した後にモーダル`-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 をより堅牢でエレガント、またはパフォーマンスの高いものにするために指定されている機能がいくつかありますが、特定のブラウザーにはまだ実装されていないため、それらを利用することができません。

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

ブラウザ	特徴のまとめ	アップストリームの問題	ブートストラップの問題
角	フォーカス可能な要素は、ナレーター/アクセシビリティフォーカスを受け取ったときに、フォーカスイベント/受け取り :フォーカススタイルを起動する必要があります	Microsoft A11y UserVoice アイデア #16717318	#20732
角	セレクターレベル 4 から`:dir()`疑似クラスを実装する	Edge UserVoice アイデア #12299532	#19984
角	HTML5`<dialog>`要素を実装する	Edge UserVoice アイデア #6508895	#20175
角	CSS トランジションがキャンセルされたときにイベント`transitioncancel`を発生させる	Edge UserVoice アイデア #15939898	#20618
角	疑似クラスの`of <selector-list>`句を実装する`:nth-child()`	Edge UserVoice アイデア #15944476	#20143
ファイアフォックス	疑似クラスの`of <selector-list>`句を実装する`:nth-child()`	Mozilla バグ #854148	#20143
ファイアフォックス	HTML5`<dialog>`要素を実装する	Mozilla バグ #840640	#20175
ファイアフォックス	仮想フォーカスがボタンまたはリンクにある場合、要素にも実際のフォーカスを起動します	Mozilla バグ #1000082	#20732
クロム	CSS トランジションがキャンセルされたときにイベント`transitioncancel`を発生させる	クロムの問題 #642487	クロムの問題 #437860
クロム	疑似クラスの`of <selector-list>`句を実装する`:nth-child()`	クロムの問題 #304163	#20143
クロム	セレクターレベル 4 から`:dir()`疑似クラスを実装する	クロムの問題 #576815	#19984
サファリ	CSS トランジションがキャンセルされたときにイベント`transitioncancel`を発生させる	WebKit バグ #161535	#20618
サファリ	セレクターレベル 4 から`:dir()`疑似クラスを実装する	WebKit バグ #64861	#19984
サファリ	HTML5`<dialog>`要素を実装する	WebKit バグ #84635	#20175