Skip to main content

# Wall of browser bugs

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

# 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.

See also: jQuery's browser bug workarounds

Browser(s) | Summary of bug | Upstream bug(s) | Bootstrap issue(s)
--- | --- | --- | ---
Internet Explorer 11 | Hovered element still remains in `:hover` state after scrolling away. | IE bug #926665 | #14211
Internet Explorer 11 | When hovering over a `<select>` menu item, the cursor for the element underneath the menu is displayed. | IE bug #963961 | #14528
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 (Windows) | Java applets that are descendants of elements with forced hardware acceleration using `translate3d(0,0,0)` are invisible. | Mozilla bug #1048279 | #14124
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
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 | `display: table;` within `display: block;` forces sibling content to new line. | Chromium issue #309483 | #9950
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 (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) | `display: table-cell;` within media query renders incorrectly when resizing the window. | WebKit bug #138167, Apple Safari Radar #18987206 | #9774
Safari (OS X) | Small font size when printing webpage with fixed-width `.container`. | WebKit bug #138192, Apple Safari Radar #19435018 | #14868
Safari (OS X) | Alpha linear-gradient has dark line at its edge. | WebKit bug #139803, Apple Safari Radar #19434933 | #15205
Safari (OS X) | Caps Lock indicator not shown in `<input type="password">` with `display: block` | WebKit bug #141804, Apple Safari Radar #19892433 | #15832
Safari (OS X) | Focus ring of image map within a modal is displayed in the wrong location. | WebKit bug #143527 | #16180
Safari (OS X) | Unnecessary line-wrapping of `.navbar-brand` text for no apparent reason | WebKit bug #144990, Apple Safari Radar #20950962 | #15998
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) | `display: block` causes text of temporal `<input>`s to become vertically misaligned | WebKit bug #139848, Apple Safari Radar #19434878 | #11266, #13098