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:

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#926665 Bootstrap#14211
Internet Explorer 11 & Microsoft Edge

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

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

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

IE#1463734 Bootstrap#16671
Firefox

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

Mozilla#1023761 Bootstrap#13453
Firefox

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

Mozilla#975632 Bootstrap#10690
Firefox

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

Mozilla#1060131 Bootstrap#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#654072 Bootstrap#793
Chrome (OS X)

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

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

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

Chromium#460200 Bootstrap#15832
Chrome

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

Chromium#475128 Bootstrap#16180
Chrome

Incorrect viewport size used for media queries when printing.

Chromium#273306 Bootstrap#12078
Chrome

CSS infinite linear animation with alpha transparency leaks memory.

Chromium#429375 Bootstrap#14409
Chrome

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

Chromium#465274 Bootstrap#16022
Chrome

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

Chromium#427994 Bootstrap#16372
Chrome

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

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

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

Chromium#449180 Bootstrap#15298
Safari

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

WebKit#144696, Safari#20839572 Bootstrap#16372
Safari

Incorrect placement of position: fixed element when it’s a child of a position: relative; left: X%; element.

WebKit#147284, Safari#21993128 Bootstrap#16814
Safari (OS X)

Scrollbar clipped in select[multiple] with padding.

WebKit#128489, Safari#19208483 Bootstrap#12536
Safari (OS X)

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

WebKit#137269, Safari#18834768 Bootstrap#8350, Normalize#283, Chromium#337668
Safari (OS X)

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

WebKit#138192, Safari#19435018 Bootstrap#14868
Safari (OS X)

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

WebKit#143527, Safari#21908735 Bootstrap#16180
Safari (iPad)

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

WebKit#150079, Safari#23082521 Bootstrap#14975
Safari (iOS)

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

WebKit#138162, Safari#18804973 Bootstrap#14603
Safari (iOS)

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

WebKit#138201, Safari#18819624 Bootstrap#14708
Safari (iOS)

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

WebKit#148061, Safari#22299624 Bootstrap#16988
Safari (iOS)

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

WebKit#139848, Safari#19434878 Bootstrap#11266, Bootstrap#13098
Safari (iOS 9+)

Sometimes excessive automatic zoom is applied after opening a modal, and the user isn’t allowed to zoom out

WebKit#150715 WebKit#138201