Skip to main content

Wall of browser bugs

A list of the browser bugs that Bootstrap is currently grappling with.

Wall of browser bugs

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.

Also see jQuery’s browser bug workarounds.

See also: * Chromium issue 536263: [meta] Issues affecting Bootstrap * Mozilla bug 1230801: Fix the issues that affect Bootstrap * jQuery’s browser bug workarounds

Browser(s) Summary of bug Upstream bug(s) Bootstrap issue(s)
Internet Explorer 11 & Microsoft Edge

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

IE bug #926665 #14211
Internet Explorer 11 & Microsoft Edge

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

IE bug #963961 #14528
Internet Explorer 11 & Microsoft Edge

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

IE bug #1463734 #16671
Internet Explorer 11 & Microsoft Edge

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

IE bug #2110930 #18504
Firefox

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

Mozilla bug #1023761 #13453
Firefox

max-width: 100%; doesn’t work inside tables.

Mozilla bug #975632 #10690
Firefox

Button elements with width: 100% become cropped in long tables.

Mozilla bug #1060131 #14320
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 (Windows)

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

Mozilla bug #1139853 #15990
Chrome (OS X)

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

Chromium issue #419108 Offshoot of #8350 & Chromium issue #337668
Chrome (OS X)

Caps Lock indicator not shown in <input type="password"> with display: block

Chromium issue #460200 #15832
Chrome

Focus ring of image map within a modal is displayed in the wrong location.

Chromium issue #475128 #16180
Chrome

Incorrect viewport size used for media queries when printing.

Chromium issue #273306 #12078
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

width: 1% on nested table cell causes its table to hog horizontal space.

Chromium issue #427994 #16372
Chrome

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

Chromium issue #534750 #17438, #14237
Chrome (Windows & Linux)

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

Chromium issue #449180 #15298
Safari

width: 1% on nested table cell causes its table to hog horizontal space.

WebKit bug #144696, Apple Safari Radar #20839572 #16372
Safari (OS X)

Scrollbar clipped in select[multiple] with padding.

WebKit bug #128489, Apple Safari Radar #19208483 #12536
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 (OS X)

Focus ring of image map within a modal is displayed in the wrong location.

WebKit bug #143527, Apple Safari Radar #21908735 #16180
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 (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