Source

ブラウザのバグの壁

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

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

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

ブラウザ バグのまとめ 上流のバグ ブートストラップの問題

スクロール可能なモーダル ダイアログのビジュアル アーティファクト

エッジの問題 #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 #8350Chromium の問題 #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-widthmax-widthメディア機能は小数ピクセルを丸めるべきではありません

WebKit バグ #178261 #25166
サファリ (macOS)

pxem、およびremページ ズームが適用されている場合、メディア クエリですべて同じように動作する必要があります。

WebKit バグ #156687 #17403
サファリ (macOS)

一部の<input type="number">要素でボタンの動作がおかしい。

WebKit バグ #137269Apple Safari レーダー #18834768 #8350ノーマライズ #283Chromium の問題 #337668
サファリ (macOS)

Web ページを固定幅で印刷するときのフォント サイズが小さい.container

WebKit バグ #138192Apple Safari レーダー #19435018 #14868
サファリ (iOS)

transform: translate3d(0,0,0);レンダリングのバグ。

WebKit バグ #138162Apple Safari レーダー #18804973 #14603
サファリ (iOS)

ページをスクロールしている間、テキスト入力のカーソルが移動しません。

WebKit バグ #138201Apple Safari レーダー #18819624 #14708
サファリ (iOS)

長いテキスト文字列を入力した後、カーソルをテキストの先頭に移動できません<input type="text">

WebKit バグ #148061Apple Safari レーダー #22299624 #16988
サファリ (iOS)

display: blockテンポラル<input>のテキストが垂直方向にずれます

WebKit バグ #139848Apple Safari レーダー #19434878 #11266#13098
サファリ (iOS)

タップしてもイベント<body>が発生しないclick

WebKit バグ #151933 #16028
サファリ (iOS)

position:fixediPhone 6S+ Safari でタブ バーが表示されていると、正しく配置されない

WebKit バグ #153056 #18859
サファリ (iOS)

<input>要素内をタップするposition:fixedと、ページの上部にスクロールします

WebKit バグ #153224Apple 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 バグ #152637Apple 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