浏览器 bug

Bootstrap 目前正在解决主流浏览器中的几个突出浏览器 bug，以提供尽可能最佳的跨浏览器体验。有些 bug，如下列列出的那些，我们无法解决。

我们在此公开列出影响我们的浏览器 bug，希望能加速修复它们的进程。有关 Bootstrap 的浏览器兼容性信息，请 查看我们的浏览器兼容性文档。

另请参阅：

浏览器 bug 摘要 上游 bug Bootstrap 问题
Microsoft Edge

Visual artifacts in scrollable modal dialogs

 Edge issue #9011176 #20755
Microsoft Edge

Native browser tooltip for title shows on first keyboard focus (in addition to custom tooltip component)

 Edge issue #6793560 #18692
Microsoft Edge

Hovered element still remains in :hover state after scrolling away.

 Edge issue #5381673 #14211
Microsoft Edge

When hovering over a <select> menu item, the cursor for the element underneath the menu is displayed.

 Edge issue #817822 #14528
Microsoft Edge

CSS border-radius sometimes causes lines of bleed-through of the background-color of the parent element.

 Edge issue #3342037 #16671
Microsoft Edge

background of <tr> is only applied to first child cell instead of all cells in the row

 Edge issue #5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;} has side-effect of making scrollbars auto-hide

 Edge issue #7165383 #18543
Microsoft Edge

Background color from lower layer bleeds through transparent border in some cases

 Edge issue #6274505 #18228
Microsoft Edge

Hovering over descendant SVG element fires mouseleave event at ancestor

 Edge issue #7787318 #19670
Firefox

.table-bordered with an empty <tbody> is missing borders.

 Mozilla bug #1023761 #13453
Firefox

If the disabled state of a form control is changed via JavaScript, the normal state doesn’t return after refreshing the page.

 Mozilla bug #654072 #793
Firefox

focus events should not be fired at the document object

 Mozilla bug #1228802 #18365
Firefox

Wide floated table doesn’t wrap onto new line

 Mozilla bug #1277782 #19839
Firefox

Mouse sometimes not within element for purposes of mouseenter/mouseleave when it’s within SVG elements

 Mozilla bug #577785 #19670
Firefox

position: absolute element that’s wider than its column renders differently than other browsers

 Mozilla bug #1282363 #20161
Firefox (Windows)

Right border of <select> menu is sometimes missing when screen is set to uncommon resolution

 Mozilla bug #545685 #15990
Firefox (OS X & Linux)

Badge widget causes bottom border of Tabs widget to unexpectedly not overlap

 Mozilla bug #1259972 #19626
Chrome (Android)

Tapping on an <input> in a scrollable overlay doesn’t scroll the <input> into view

 Chromium issue #595210 #17338
Chrome (OS X)

Clicking above <input type="number"> increment button flashes the decrement button.

 Chromium issue #419108 Offshoot of #8350 & Chromium issue #337668
Chrome

CSS infinite linear animation with alpha transparency leaks memory.

 Chromium issue #429375 #14409
Chrome

:focus outline style causes cursor to not be displayed when toggling a readonly <input> to read-write.

 Chromium issue #465274 #16022
Chrome

table-cell borders not overlapping despite margin-right: -1px

 Chromium issue #534750 #17438, #14237
Chrome

Clicking scrollbar in <select multiple> with overflowed options will select nearby <option>

 Chromium issue #597642 #19810
Chrome

Don’t make :hover sticky on touch-friendly webpages

 Chromium issue #370155 #12832
Chrome (Windows & Linux)

Animation glitch when returning to inactive tab after animations occurred while tab was hidden.

 Chromium issue #449180 #15298
Safari

rem units in media queries should be calculated using font-size: initial, not the root element’s font-size

 WebKit bug #156684 #17403
Safari (OS X)

px, em, and rem should all behave the same in media queries when page zoom is applied

 WebKit bug #156687 #17403
Safari (OS X)

Weird button behavior with some <input type="number"> elements.

 WebKit bug #137269, Apple Safari Radar #18834768 #8350, Normalize #283, Chromium issue #337668
Safari (OS X)

Small font size when printing webpage with fixed-width .container.

 WebKit bug #138192, Apple Safari Radar #19435018 #14868
Safari (iPad)

<select> menu on iPad causes shifting of hit-testing areas

 WebKit bug #150079, Apple Safari Radar #23082521 #14975
Safari (iOS)

transform: translate3d(0,0,0); rendering bug.

 WebKit bug #138162, Apple Safari Radar #18804973 #14603
Safari (iOS)

Text input’s cursor doesn’t move while scrolling the page.

 WebKit bug #138201, Apple Safari Radar #18819624 #14708
Safari (iOS)

Can’t move cursor to start of text after entering long string of text into <input type="text">

 WebKit bug #148061, Apple Safari Radar #22299624 #16988
Safari (iOS)

display: block causes text of temporal <input>s to become vertically misaligned

 WebKit bug #139848, Apple Safari Radar #19434878 #11266, #13098
Safari (iOS)

Tapping on <body> doesn’t fire click events

 WebKit bug #151933 #16028
Safari (iOS)

position:fixed is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari

 WebKit bug #153056 #18859
Safari (iOS)

Tapping into an <input> within a position:fixed element scrolls to the top of the page

 WebKit bug #153224, Apple Safari Radar #24235301 #17497
Safari (iOS)

<body> with overflow:hidden CSS is scrollable on iOS

 WebKit bug #153852 #14839
Safari (iOS)

Scroll gesture in text field in position:fixed element sometimes scrolls <body> instead of scrollable ancestor

 WebKit bug #153856 #14839
Safari (iOS)

Tapping from one <input> to another in an overlay can cause shaking/jiggling effect

 WebKit bug #158276 #19927
Safari (iOS)

Modal with -webkit-overflow-scrolling: touch doesn’t become scrollable after added text makes it taller

 WebKit bug #158342 #17695
Safari (iOS)

Don’t make :hover sticky on touch-friendly webpages

 WebKit bug #158517 #12832
Safari (iPad Pro)

Rendering of descendants of position: fixed element gets clipped on iPad Pro in Landscape orientation

 WebKit bug #152637, Apple Safari Radar #24030853 #18738

最需要的功能

Web 标准中指定了几个功能，这些功能可以使 Bootstrap 更加健壮、优雅或高效，但尚未在某些浏览器中实现，因此我们无法利用它们。

我们在此公开列出这些「最需要」的功能请求，希望能加速它们的实现过程。

浏览器 功能摘要 上游问题 Bootstrap 问题
Microsoft Edge

Implement the :dir() pseudo-class from Selectors Level 4

 Edge UserVoice idea #12299532 #19984
Microsoft Edge

Implement sticky positioning from CSS Positioned Layout Level 3

 Edge UserVoice idea #6263621 #17021
Microsoft Edge

Implement the HTML5 <dialog> element

 Edge UserVoice idea #6508895 #20175
Firefox

Fire a transitioncancel event when a CSS transition is canceled

 Mozilla bug #1264125 Mozilla bug #1182856
Firefox

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Mozilla bug #854148 #20143
Firefox

Implement the HTML5 <dialog> element

 Mozilla bug #840640 #20175
Chrome

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Chromium issue #304163 #20143
Chrome

Implement the :dir() pseudo-class from Selectors Level 4

 Chromium issue #576815 #19984
Chrome

Implement sticky positioning from CSS Positioned Layout Level 3

 Chromium issue #231752 #17021
Safari

Implement the :dir() pseudo-class from Selectors Level 4

 WebKit bug #64861 #19984
Safari

Implement the HTML5 <dialog> element

 WebKit bug #84635 #20175