mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-02 14:24:19 +01:00
309 lines
14 KiB
HTML
309 lines
14 KiB
HTML
|
<!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 -->
|
||
|
|
<link href="../dist/css/bootstrap.min.css" rel="stylesheet">
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Documentation extras -->
|
||
|
|
<link href="../assets/css/docs.min.css" rel="stylesheet">
|
||
|
|
<!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
|
||
|
|
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
|
||
|
|
<script src="../assets/js/ie10-viewport-bug-workaround.js"></script>
|
||
|
|
<script src="../assets/js/ie-emulation-modes-warning.js"></script>
|
||
|
|
|
||
|
|
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
|
|
<!--[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 -->
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png">
|
||
|
|
<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">
|
||
|
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
|
||
|
|
<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>
|
||
|
|
<a href="../getting-started">Getting started</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="../css">CSS</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="../components">Components</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="../javascript">JavaScript</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="../customize">Customize</a>
|
||
|
|
</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>
|
||
|
|
<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>Unusual default form control styles on Android</td>
|
||
|
|
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=900871">Closed Mozilla bug #900871</a>, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=763671">Open Mozilla bug #763671</a></td>
|
||
|
|
<td><a href="https://github.com/twbs/bootstrap/issues/8702">#8702</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>
|
||
|
|
<td>Firefox <strong><31</strong></td>
|
||
|
|
<td><code>position: relative;</code> doesn't work inside tables</td>
|
||
|
|
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=63895">Mozilla bug #63895</a></td>
|
||
|
|
<td><a href="https://github.com/twbs/bootstrap/issues/12467">#12467</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Chrome</td>
|
||
|
|
<td>Weird button behavior with some number <code><input></code>s</td>
|
||
|
|
<td><a href="https://code.google.com/p/chromium/issues/detail?id=337668">Chromium issue #337668</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></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Chrome</td>
|
||
|
|
<td>Navbar rendering problem on Windows after several clicks</td>
|
||
|
|
<td><a href="https://code.google.com/p/chromium/issues/detail?id=272750">Chromium issue #272750</a>, <a href="https://bugs.webkit.org/show_bug.cgi?id=119793">WebKit bug #119793</a></td>
|
||
|
|
<td><a href="https://github.com/twbs/bootstrap/issues/9226">#9226</a></td>
|
||
|
|
</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>Unwanted vertical lines when printing styled <code><select></code> on OS X</td>
|
||
|
|
<td><a href="https://code.google.com/p/chromium/issues/detail?id=282918">Chromium issue #282918</a></td>
|
||
|
|
<td><a href="https://github.com/twbs/bootstrap/issues/11245">#11245</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Chrome</td>
|
||
|
|
<td>inline-block element collapses white-space on Windows</td>
|
||
|
|
<td><a href="https://code.google.com/p/chromium/issues/detail?id=329574">Chromium issue #329574</a></td>
|
||
|
|
<td><a href="https://github.com/twbs/bootstrap/issues/11885">#11885</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>
|
||
|
|
<td>Safari</td>
|
||
|
|
<td>Insufficient CSS percentage precision</td>
|
||
|
|
<td>(No public bug tracker)</td>
|
||
|
|
<td><a href="https://github.com/twbs/bootstrap/issues/9282">#9282</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Safari</td>
|
||
|
|
<td>Justified nav rendering bug</td>
|
||
|
|
<td>(No public bug tracker)</td>
|
||
|
|
<td><a href="https://github.com/twbs/bootstrap/issues/9774">#9774</a></td>
|
||
|
|
</tr>
|
||
|
|
</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>
|
||
|
|
|
||
|
|
|
||
|
|
<p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
|
||
|
|
<p>Maintained by the <a href="https://github.com/twbs?tab=members">core team</a> with the help of <a href="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>.</p>
|
||
|
|
<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">
|
||
|
|
<li>Currently v3.2.0</li>
|
||
|
|
<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>
|
||
|
|
<li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
|
||
|
|
<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>
|
||
|
|
<script src="../dist/js/bootstrap.min.js"></script>
|
||
|
|
<script src="../assets/js/docs.min.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<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>
|