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.
See also:
- Chromium issue 536263: [meta] Issues affecting Bootstrap
- Mozilla bug 1230801: Fix the issues that affect Bootstrap
- WebKit bug 159753: [meta] Issues affecting Bootstrap
- jQuery’s browser bug workarounds
Browser(s) | Summary of bug | Upstream bug(s) | Bootstrap issue(s) |
---|---|---|---|
Edge | Visual artifacts in scrollable modal dialogs |
Edge issue #9011176 | #20755 |
Edge | Native browser tooltip for |
Edge issue #6793560 | #18692 |
Edge | Hovered element still remains in |
Edge issue #5381673 | #14211 |
Edge | CSS |
Edge issue #3342037 | #16671 |
Edge |
|
Edge issue #5865620 | #18504 |
Edge |
|
Edge issue #7165383 | #18543 |
Edge | Background color from lower layer bleeds through transparent border in some cases |
Edge issue #6274505 | #18228 |
Edge | Hovering over descendant SVG element fires |
Edge issue #7787318 | #19670 |
Edge | Active |
Edge issue #8770398 | #20507 |
Firefox |
|
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 |
|
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 |
Mozilla bug #577785 | #19670 |
Firefox | Layout with floated columns breaks when printing |
Mozilla bug #1315994 | #21092 |
Firefox (Windows) | Right border of |
Mozilla bug #545685 | #15990 |
Firefox (macOS & Linux) | Badge widget causes bottom border of Tabs widget to unexpectedly not overlap |
Mozilla bug #1259972 | #19626 |
Chrome (Android) | Tapping on an |
Chromium issue #595210 | #17338 |
Chrome (macOS) | Clicking above |
Chromium issue #419108 | Offshoot of #8350 & Chromium issue #337668 |
Chrome | CSS infinite linear animation with alpha transparency leaks memory. |
Chromium issue #429375 | #14409 |
Chrome |
|
Chromium issue #749848 | #17438, #14237 |
Chrome | Clicking scrollbar in |
Chromium issue #597642 | #19810 |
Chrome | Don’t make |
Chromium issue #370155 | #12832 |
Chrome |
|
Chromium issue #269061 | #20161 |
Chrome (Windows & Linux) | Animation glitch when returning to inactive tab after animations occurred while tab was hidden. |
Chromium issue #449180 | #15298 |
Chrome | Significant performance hit for dynamic SVGs with text depending on the number of fonts in |
Chromium issue #781344 | #24673 |
Safari |
|
WebKit bug #156684 | #17403 |
Safari | Link to container with id and tabindex results in container being ignored by VoiceOver (affects skip links) |
WebKit bug #163658 | #20732 |
Safari | CSS |
WebKit bug #178261 | #25166 |
Safari (macOS) |
|
WebKit bug #156687 | #17403 |
Safari (macOS) | Weird button behavior with some |
WebKit bug #137269, Apple Safari Radar #18834768 | #8350, Normalize #283, Chromium issue #337668 |
Safari (macOS) | Small font size when printing webpage with fixed-width |
WebKit bug #138192, Apple Safari Radar #19435018 | #14868 |
Safari (iOS) |
|
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 |
WebKit bug #148061, Apple Safari Radar #22299624 | #16988 |
Safari (iOS) |
|
WebKit bug #139848, Apple Safari Radar #19434878 | #11266, #13098 |
Safari (iOS) | Tapping on |
WebKit bug #151933 | #16028 |
Safari (iOS) |
|
WebKit bug #153056 | #18859 |
Safari (iOS) | Tapping into an |
WebKit bug #153224, Apple Safari Radar #24235301 | #17497 |
Safari (iOS) |
|
WebKit bug #153852 | #14839 |
Safari (iOS) | Scroll gesture in text field in |
WebKit bug #153856 | #14839 |
Safari (iOS) | Modal with |
WebKit bug #158342 | #17695 |
Safari (iOS) | Don’t make |
WebKit bug #158517 | #12832 |
Safari (iOS) | Element which is |
WebKit bug #162362 | #20759 |
Safari (iPad Pro) | Rendering of descendants of |
WebKit 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 feature | Upstream issue(s) | Bootstrap issue(s) |
---|---|---|---|
Edge | Focusable elements should fire focus event / receive :focus styling when they receive Narrator/accessibility focus |
Microsoft A11y UserVoice idea #16717318 | #20732 |
Edge | Implement the |
Edge UserVoice idea #12299532 | #19984 |
Edge | Implement the HTML5 |
Edge UserVoice idea #6508895 | #20175 |
Edge | Fire a |
Edge UserVoice idea #15939898 | #20618 |
Edge | Implement the |
Edge UserVoice idea #15944476 | #20143 |
Firefox | Implement the |
Mozilla bug #854148 | #20143 |
Firefox | Implement the HTML5 |
Mozilla bug #840640 | #20175 |
Firefox | When virtual focus is on a button or link, fire actual focus on the element, too |
Mozilla bug #1000082 | #20732 |
Chrome | Fire a |
Chromium issue #642487 | Chromium issue #437860 |
Chrome | Implement the |
Chromium issue #304163 | #20143 |
Chrome | Implement the |
Chromium issue #576815 | #19984 |
Safari | Fire a |
WebKit bug #161535 | #20618 |
Safari | Implement the |
WebKit bug #64861 | #19984 |
Safari | Implement the HTML5 |
WebKit bug #84635 | #20175 |