2014-06-26 18:46:59 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
<!-- Meta, title, CSS, favicons, etc. -->
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta name = "description" content = "Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." >
< meta name = "keywords" content = "HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development" >
< meta name = "author" content = "Mark Otto, Jacob Thornton, and Bootstrap contributors" >
< title >
Wall of browser bugs · Bootstrap
< / title >
<!-- Bootstrap core CSS -->
2014-10-29 20:17:44 +01:00
2014-10-29 20:52:33 +01:00
< link href = "../dist/css/bootstrap.min.css" rel = "stylesheet" >
2014-10-29 20:17:44 +01:00
2014-06-26 18:46:59 +02:00
<!-- Documentation extras -->
2014-10-29 20:17:44 +01:00
2014-10-29 20:52:33 +01:00
< link href = "../assets/css/docs.min.css" rel = "stylesheet" >
2014-10-29 20:17:44 +01:00
2014-06-26 18:46:59 +02:00
<!-- [if lt IE 9]><script src="../assets/js/ie8 - responsive - file - warning.js"></script><![endif] -->
< script src = "../assets/js/ie-emulation-modes-warning.js" > < / script >
2014-10-29 20:17:44 +01:00
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
2014-06-26 18:46:59 +02:00
<!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" > < / script >
< script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js" > < / script >
<![endif]-->
<!-- Favicons -->
2014-10-29 20:17:44 +01:00
< link rel = "apple-touch-icon" href = "/apple-touch-icon.png" >
2014-06-26 18:46:59 +02:00
< link rel = "icon" href = "/favicon.ico" >
< script >
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-146052-10', 'getbootstrap.com');
ga('send', 'pageview');
< / script >
< / head >
< body >
< a class = "sr-only sr-only-focusable" href = "#content" > Skip to main content< / a >
<!-- Docs master nav -->
< header class = "navbar navbar-static-top bs-docs-nav" id = "top" role = "banner" >
< div class = "container" >
< div class = "navbar-header" >
2014-09-22 19:24:07 +02:00
< button class = "navbar-toggle collapsed" type = "button" data-toggle = "collapse" data-target = ".bs-navbar-collapse" >
2014-06-26 18:46:59 +02:00
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a href = "../" class = "navbar-brand" > Bootstrap< / a >
< / div >
< nav class = "collapse navbar-collapse bs-navbar-collapse" role = "navigation" >
< ul class = "nav navbar-nav" >
< li >
2014-09-22 19:24:07 +02:00
< a href = "../getting-started/" > Getting started< / a >
2014-06-26 18:46:59 +02:00
< / li >
< li >
2014-09-22 19:24:07 +02:00
< a href = "../css/" > CSS< / a >
2014-06-26 18:46:59 +02:00
< / li >
< li >
2014-09-22 19:24:07 +02:00
< a href = "../components/" > Components< / a >
2014-06-26 18:46:59 +02:00
< / li >
< li >
2014-09-22 19:24:07 +02:00
< a href = "../javascript/" > JavaScript< / a >
2014-06-26 18:46:59 +02:00
< / li >
< li >
2014-09-22 19:24:07 +02:00
< a href = "../customize/" > Customize< / a >
2014-06-26 18:46:59 +02:00
< / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
< li > < a href = "http://expo.getbootstrap.com" onclick = "ga('send', 'event', 'Navbar', 'Community links', 'Expo');" > Expo< / a > < / li >
< li > < a href = "http://blog.getbootstrap.com" onclick = "ga('send', 'event', 'Navbar', 'Community links', 'Blog');" > Blog< / a > < / li >
< / ul >
< / nav >
< / div >
< / header >
<!-- Docs page layout -->
< div class = "bs-docs-header" id = "content" >
< div class = "container" >
< h1 > Wall of browser bugs< / h1 >
< p > A list of the browser bugs that Bootstrap is currently grappling with.< / p >
< div id = "carbonads-container" > < div class = "carbonad" > < div id = "azcarbon" > < / div > < script > var z = document . createElement ( "script" ) ; z . async = true ; z . src = "http://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ" ; var s = document . getElementsByTagName ( "script" ) [ 0 ] ; s . parentNode . insertBefore ( z , s ) ; < / script > < / div > < / div >
< / div >
< / div >
< div class = "container bs-docs-container" >
< div class = "row" >
< div class = "col-md-9" role = "main" >
< div class = "bs-docs-section" >
< h1 id = "browser-bugs" class = "page-header" > Browser bugs< / h1 >
< p class = "lead" > 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.< / p >
< p > 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, < a href = "../getting-started/#support" > see our browser compatibility docs< / a > .< / p >
< div class = "table-responsive" >
< table class = "table table-bordered table-hover" >
< thead >
< tr >
< th > Browser(s)< / th >
< th > Summary of bug< / th >
< th > Upstream bug(s)< / th >
< th > Bootstrap issue(s)< / th >
< / tr >
< / thead >
< tbody >
2014-09-22 19:24:07 +02:00
< tr >
< td > Internet Explorer 11< / td >
< td > Hovered element still remains in < code > :hover< / code > state after scrolling away< / td >
< td > < a href = "https://connect.microsoft.com/IE/feedback/details/926665/ie-11-hovering-over-an-element-and-then-scrolling-without-moving-the-mouse-pointer-leaves-the-element-in-hover-state" > IE bug #926665< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/14211" > #14211< / a > < / td >
< / tr >
< tr >
< td > Internet Explorer 11< / td >
< td > When hovering over a < code > < select> < / code > menu item, the cursor for the element underneath the menu is displayed< / td >
< td > < a href = "https://connect.microsoft.com/IE/feedbackdetail/view/963961" > IE bug #963961< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/14528" > #14528< / a > < / td >
< / tr >
2014-06-26 18:46:59 +02:00
< tr >
< td > Firefox< / td >
< td > < code > .table-bordered< / code > with an empty < code > < tbody> < / code > is missing borders< / td >
< td > < a href = "https://bugzilla.mozilla.org/show_bug.cgi?id=1023761" > Mozilla bug #1023761< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/13453" > #13453< / a > < / td >
< / tr >
< tr >
< td > Firefox< / td >
< td > < code > max-width: 100%;< / code > doesn't work inside tables< / td >
< td > < a href = "https://bugzilla.mozilla.org/show_bug.cgi?id=975632" > Mozilla bug #975632< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/10690" > #10690< / a > < / td >
< / tr >
< tr >
2014-09-22 19:24:07 +02:00
< td > Firefox< / td >
< td > Java applets that are descendants of elements with forced hardware acceleration using < code > translate3d(0,0,0)< / code > are invisible on Windows< / td >
< td > < a href = "https://bugzilla.mozilla.org/show_bug.cgi?id=1048279" > Mozilla bug #1048279< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/14124" > #14124< / a > < / td >
< / tr >
< tr >
< td > Firefox< / td >
< td > Button elements with < code > width: 100%< / code > become cropped in long tables.< / td >
< td > < a href = "https://bugzilla.mozilla.org/show_bug.cgi?id=1060131" > Mozilla bug #1060131< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/14320" > #14320< / a > < / td >
< / tr >
< tr >
< td > Firefox< / td >
< td > If the disabled state of a form control is changed via JavaScript, the normal state doesn't return after refreshing the page.< / td >
< td > < a href = "https://bugzilla.mozilla.org/show_bug.cgi?id=654072" > Mozilla bug #654072< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/793" > #793< / a > < / td >
2014-06-26 18:46:59 +02:00
< / tr >
< tr >
< td > Chrome< / td >
2014-10-01 18:42:02 +02:00
< td > Clicking above < code > < input type="number"> < / code > increment button flashes the decrement button< / td >
< td > < a href = "https://code.google.com/p/chromium/issues/detail?id=419108" > < / a > < / td >
< td > Offshoot of < a href = "https://github.com/twbs/bootstrap/issues/8350" > #8350< / a > & < a href = "https://code.google.com/p/chromium/issues/detail?id=337668" > Chromium issue #337668< / a > < / td >
2014-06-26 18:46:59 +02:00
< / tr >
< tr >
< td > Chrome< / td >
< td > < code > display: table;< / code > within < code > display: block;< / code > forces sibling content to new line< / td >
< td > < a href = "https://code.google.com/p/chromium/issues/detail?id=309483" > Chromium issue #309483< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/9950" > #9950< / a > < / td >
< / tr >
< tr >
< td > Chrome< / td >
< td > Incorrect viewport size used for media queries when printing< / td >
< td > < a href = "https://code.google.com/p/chromium/issues/detail?id=273306" > Chromium issue #273306< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/12078" > #12078< / a > < / td >
< / tr >
< tr >
< td > Chrome & Safari< / td >
< td > OS X scrollbar clipped in < code > select[multiple]< / code > with padding< / td >
< td > < a href = "https://code.google.com/p/chromium/issues/detail?id=342208" > Chromium issue #342208< / a > , < a href = "https://bugs.webkit.org/show_bug.cgi?id=128489" > WebKit bug #128489< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/12536" > #12536< / a > < / td >
< / tr >
< tr >
< td > Chrome< / td >
< td > < code > display: table-cell; width: 100%;< / code > doesn't work correctly on date < code > < input> < / code > < / td >
< td > < a href = "https://code.google.com/p/chromium/issues/detail?id=346051" > Chromium issue #346051< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/12548" > #12548< / a > < / td >
< / tr >
< tr >
2014-09-22 19:24:07 +02:00
< td > Chrome< / td >
< td > < code > < input type="password"> < / code > sporadically causes bad widths on floated elements< / td >
2014-11-01 01:15:23 +01:00
< td > < a href = "https://code.google.com/p/chromium/issues/detail?id=377346" > Chromium issue #377346< / a > < / td >
2014-09-22 19:24:07 +02:00
< td > < a href = "https://github.com/twbs/bootstrap/issues/13892" > #13892< / a > < / td >
2014-06-26 18:46:59 +02:00
< / tr >
2014-11-01 01:15:23 +01:00
< tr >
< td > Chrome< / td >
< td > CSS infinite linear animation with alpha transparency leaks memory< / td >
< td > < a href = "https://code.google.com/p/chromium/issues/detail?id=429375" > Chromium issue #429375< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/14409" > #14409< / a > < / td >
< / tr >
2014-10-01 18:42:02 +02:00
< tr >
< td > Safari< / td >
< td > Weird button behavior with some number < code > < input> < / code > s< / td >
< td > < a href = "https://bugs.webkit.org/show_bug.cgi?id=137269" > WebKit bug #137269< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/8350" > #8350< / a > , < a href = "https://github.com/necolas/normalize.css/issues/283" > Normalize #283< / a > , < a href = "https://code.google.com/p/chromium/issues/detail?id=337668" > Chromium issue #337668< / a > < / td >
< / tr >
2014-06-26 18:46:59 +02:00
< tr >
< td > Safari< / td >
2014-10-29 20:17:44 +01:00
< td > < code > display: table-cell;< / code > within media query renders incorrectly when resizing the window< / td >
< td > < a href = "https://bugs.webkit.org/show_bug.cgi?id=138167" > WebKit bug #138167< / a > < / td >
2014-06-26 18:46:59 +02:00
< td > < a href = "https://github.com/twbs/bootstrap/issues/9774" > #9774< / a > < / td >
< / tr >
2014-10-29 20:17:44 +01:00
< tr >
< td > Safari< / td >
< td > < code > transform: translate3d(0, 0, 0);< / code > iOS bug< / td >
< td > < a href = "https://bugs.webkit.org/show_bug.cgi?id=138162" > WebKit bug #138162< / a > , < a href = "http://openradar.appspot.com/18804973" > Apple Safari Radar #18804973< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/pull/14603" > #14603< / a > < / td >
< / tr >
2014-10-30 02:42:45 +01:00
< tr >
< td > Safari< / td >
< td > Small font size when printing webpage with fixed-width < code > .container< / code > < / td >
< td > < a href = "https://bugs.webkit.org/show_bug.cgi?id=138192" > WebKit bug #138192< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/14868" > #14868< / a > < / td >
< / tr >
< tr >
< td > Safari< / td >
< td > Text input's cursor doesn't move while scrolling the page on iOS< / td >
< td > < a href = "https://bugs.webkit.org/show_bug.cgi?id=138201" > WebKit bug #138201< / a > , < a href = "http://openradar.appspot.com/18819624" > Apple Safari Radar #18819624< / a > < / td >
< td > < a href = "https://github.com/twbs/bootstrap/issues/14708" > #14708< / a > < / td >
< / tr >
2014-06-26 18:46:59 +02:00
< / tbody >
< / table >
< / div >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "bs-docs-sidebar hidden-print hidden-xs hidden-sm" role = "complementary" >
< ul class = "nav bs-docs-sidenav" >
< / ul >
< a class = "back-to-top" href = "#top" >
Back to top
< / a >
< / div >
< / div >
< / div >
< / div >
<!-- Footer
================================================== -->
< footer class = "bs-docs-footer" role = "contentinfo" >
< div class = "container" >
< div class = "bs-docs-social" >
< ul class = "bs-docs-social-buttons" >
< li >
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=watch&count=true" width = "100" height = "20" title = "Star on GitHub" > < / iframe >
< / li >
< li >
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=fork&count=true" width = "102" height = "20" title = "Fork on GitHub" > < / iframe >
< / li >
< li class = "follow-btn" >
< a href = "https://twitter.com/twbootstrap" class = "twitter-follow-button" data-link-color = "#0069D6" data-show-count = "true" > Follow @twbootstrap< / a >
< / li >
< li class = "tweet-btn" >
< a href = "https://twitter.com/share" class = "twitter-share-button" data-url = "http://getbootstrap.com/" data-count = "horizontal" data-via = "twbootstrap" data-related = "mdo:Creator of Bootstrap" > Tweet< / a >
< / li >
< / ul >
< / div >
2014-10-29 20:17:44 +01:00
< p > Designed and built with all the love in the world by < a href = "https://twitter.com/mdo" target = "_blank" > @mdo< / a > and < a href = "https://twitter.com/fat" target = "_blank" > @fat< / a > .< / p >
2014-09-22 19:24:07 +02:00
< p > Maintained by the < a href = "https://github.com/orgs/twbs/people" > core team< / a > with the help of < a href = "https://github.com/twbs/bootstrap/graphs/contributors" > our contributors< / a > .< / p >
2014-06-26 18:46:59 +02:00
< p > Code licensed under < a href = "https://github.com/twbs/bootstrap/blob/master/LICENSE" target = "_blank" > MIT< / a > , documentation under < a href = "http://creativecommons.org/licenses/by/3.0/" > CC BY 3.0< / a > .< / p >
< ul class = "bs-docs-footer-links muted" >
2014-10-29 20:17:44 +01:00
< li > Currently v3.3.0< / li >
2014-06-26 18:46:59 +02:00
< li > · < / li >
< li > < a href = "https://github.com/twbs/bootstrap" > GitHub< / a > < / li >
< li > · < / li >
< li > < a href = "../getting-started/#examples" > Examples< / a > < / li >
< li > · < / li >
< li > < a href = "../2.3.2/" > v2.3.2 docs< / a > < / li >
< li > · < / li >
< li > < a href = "../about/" > About< / a > < / li >
< li > · < / li >
< li > < a href = "http://expo.getbootstrap.com" > Expo< / a > < / li >
< li > · < / li >
< li > < a href = "http://blog.getbootstrap.com" > Blog< / a > < / li >
< li > · < / li >
2014-09-22 19:24:07 +02:00
< li > < a href = "https://github.com/twbs/bootstrap/issues" > Issues< / a > < / li >
2014-06-26 18:46:59 +02:00
< li > · < / li >
< li > < a href = "https://github.com/twbs/bootstrap/releases" > Releases< / a > < / li >
< / ul >
< / div >
< / footer >
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" > < / script >
2014-10-29 20:52:33 +01:00
< script src = "../dist/js/bootstrap.min.js" > < / script >
2014-10-29 20:17:44 +01:00
2014-10-29 20:52:33 +01:00
< script src = "../assets/js/docs.min.js" > < / script >
2014-10-29 20:17:44 +01:00
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
< script src = "../assets/js/ie10-viewport-bug-workaround.js" > < / script >
2014-06-26 18:46:59 +02:00
< script >
window.twttr = (function (d,s,id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; js=d.createElement(s); js.id=id; js.async=1;
js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
< / script >
<!-- Analytics
================================================== -->
< script >
var _gauges = _gauges || [];
(function() {
var t = document.createElement('script');
t.async = true;
t.id = 'gauges-tracker';
t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
t.src = '//secure.gaug.es/track.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
})();
< / script >
< / body >
< / html >
