ブラウザのバグ

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

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

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

ブラウザ バグのまとめ 上流のバグ ブートストラップの問題
マイクロソフトエッジ

title最初のキーボード フォーカスで表示するためのネイティブ ブラウザー ツールチップ(カスタム ツールチップ コンポーネントに加えて)

エッジの問題 #6793560 #18692
マイクロソフトエッジ

:hoverホバーされた要素は、スクロールして離れた後もその状態のままです。

エッジの問題 #5381673 #14211
マイクロソフトエッジ

メニュー項目にカーソルを合わせる<select>と、メニューの下にある要素のカーソルが表示されます。

エッジの問題 #817822 #14528
マイクロソフトエッジ

CSSによって、親要素border-radiusの裏抜けが発生することがあります。background-color

エッジの問題 #3342037 #16671
マイクロソフトエッジ

backgroundof<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/ mouseleaveSVG 要素内にある場合

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 #8350Chromium の問題 #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)

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

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

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

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

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

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

<select>iPad のメニューにより、ヒット テスト領域が移動する

WebKit バグ #150079Apple Safari レーダー #23082521 #14975
サファリ (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)

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