+
+ View on GitHub +

Wall of browser bugs

+
+

+ + +
+
Outdated content
+

This page is outdated and is no longer applicable to the latest versions of Bootstrap. It’s here purely for historical purposes now and will be removed in our next major release. +

+ +

Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.

+

We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. For information on Bootstrap’s browser compatibility, see our browser compatibility docs.

+

See also:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Browser(s)Summary of bugUpstream issue(s)Bootstrap issue(s)
EdgeVisual artifacts in scrollable modal dialogsEdge issue #9011176#20755
EdgeNative browser tooltip for title shows on first keyboard focus (in addition to custom tooltip component)Edge issue #6793560#18692
EdgeHovered element still remains in :hover state after scrolling away.Edge issue #5381673#14211
EdgeCSS border-radius sometimes causes lines of bleed-through of the background-color of the parent element.Edge issue #3342037#16671
Edgebackground of <tr> is only applied to first child cell instead of all cells in the rowEdge issue #5865620#18504
EdgeBackground color from lower layer bleeds through transparent border in some casesEdge issue #6274505#18228
EdgeHovering over descendant SVG element fires mouseleave event at ancestorEdge issue #7787318#19670
EdgeActive position: fixed; <button> flickers when scrollingEdge issue #8770398#20507
Firefox.table-bordered with an empty <tbody> is missing borders.Mozilla bug #1023761#13453
FirefoxIf 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
Firefoxfocus events should not be fired at the document objectMozilla bug #1228802#18365
FirefoxWide floated table doesn’t wrap onto new lineMozilla bug #1277782#19839
FirefoxMouse sometimes not within element for purposes of mouseenter/mouseleave when it’s within SVG elementsMozilla bug #577785#19670
FirefoxLayout with floated columns breaks when printingMozilla bug #1315994#21092
Firefox (Windows)Right border of <select> menu is sometimes missing when screen is set to uncommon resolutionMozilla bug #545685#15990
Firefox (macOS & Linux)Badge widget causes bottom border of Tabs widget to unexpectedly not overlapMozilla bug #1259972#19626
Chrome (macOS)Clicking above <input type="number"> increment button flashes the decrement button.Chromium issue #419108#8350, Chromium issue #337668
ChromeCSS infinite linear animation with alpha transparency leaks memory.Chromium issue #429375#14409
Chrometable-cell borders not overlapping despite margin-right: -1pxChromium issue #749848#17438, #14237
ChromeDon’t make :hover sticky on touch-friendly webpagesChromium issue #370155#12832
Chromeposition: absolute element that’s wider than its column is incorrectly clipped to column boundaryChromium issue #269061#20161
ChromeSignificant performance hit for dynamic SVGs with text depending on the number of fonts in font-family.Chromium issue #781344#24673
Safarirem units in media queries should be calculated using font-size: initial, not the root element’s font-sizeWebKit bug #156684#17403
SafariLink to container with id and tabindex results in container being ignored by VoiceOver (affects skip links)WebKit bug #163658#20732
SafariCSS min-width and max-width media features should not round fractional pixelWebKit bug #178261#25166
Safari (macOS)px, em, and rem should all behave the same in media queries when page zoom is appliedWebKit bug #156687#17403
Safari (macOS)Weird button behavior with some <input type="number"> elements.WebKit bug #137269, Apple Safari Radar #18834768#8350, Normalize #283, Chromium issue #337668
Safari (macOS)Small font size when printing webpage with fixed-width .container.WebKit bug #138192, Apple Safari Radar #19435018#14868
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 misalignedWebKit bug #139848, Apple Safari Radar #19434878#11266, #13098
Safari (iOS)Tapping on <body> doesn’t fire click eventsWebKit bug #151933#16028
Safari (iOS)position:fixed is incorrectly positioned when tab bar is visible on iPhone 6S+ SafariWebKit bug #153056#18859
Safari (iOS)Tapping into an <input> within a position:fixed element scrolls to the top of the pageWebKit bug #153224, Apple Safari Radar #24235301#17497
Safari (iOS)<body> with overflow:hidden CSS is scrollable on iOSWebKit bug #153852#14839
Safari (iOS)Scroll gesture in text field in position:fixed element sometimes scrolls <body> instead of scrollable ancestorWebKit bug #153856#14839
Safari (iOS)Modal with -webkit-overflow-scrolling: touch doesn’t become scrollable after added text makes it tallerWebKit bug #158342#17695
Safari (iOS)Don’t make :hover sticky on touch-friendly webpagesWebKit bug #158517#12832
Safari (iOS)Element which is position:fixed disappears after opening a <select> menuWebKit bug #162362#20759
Safari (iPad Pro)Rendering of descendants of position: fixed element gets clipped on iPad Pro in Landscape orientationWebKit bug #152637, Apple Safari Radar #24030853#18738
+ +

Most wanted features

+

There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren’t yet implemented in certain browsers, thus preventing us from taking advantage of them.

+

We publicly list these “most wanted” feature requests here, in the hopes of expediting the process of getting them implemented.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Browser(s)Summary of featureUpstream issue(s)Bootstrap issue(s)
EdgeFocusable elements should fire focus event / receive :focus styling when they receive Narrator/accessibility focusMicrosoft A11y UserVoice idea #16717318#20732
EdgeImplement the :dir() pseudo-class from Selectors Level 4Edge UserVoice idea #12299532#19984
EdgeImplement the HTML5 <dialog> elementEdge UserVoice idea #6508895#20175
EdgeFire a transitioncancel event when a CSS transition is canceledEdge UserVoice idea #15939898#20618
EdgeImplement the of <selector-list> clause of the :nth-child() pseudo-classEdge UserVoice idea #15944476#20143
FirefoxImplement the of <selector-list> clause of the :nth-child() pseudo-classMozilla bug #854148#20143
FirefoxImplement the HTML5 <dialog> elementMozilla bug #840640#20175
FirefoxWhen virtual focus is on a button or link, fire actual focus on the element, tooMozilla bug #1000082#20732
ChromeFire a transitioncancel event when a CSS transition is canceledChromium issue #642487Chromium issue #437860
ChromeImplement the of <selector-list> clause of the :nth-child() pseudo-classChromium issue #304163#20143
ChromeImplement the :dir() pseudo-class from Selectors Level 4Chromium issue #576815#19984
SafariFire a transitioncancel event when a CSS transition is canceledWebKit bug #161535#20618
SafariImplement the :dir() pseudo-class from Selectors Level 4WebKit bug #64861#19984
SafariImplement the HTML5 <dialog> elementWebKit bug #84635#20175
+ + +