diff --git a/docs/_data/browser-bugs.yml b/docs/_data/browser-bugs.yml
new file mode 100644
index 0000000000000000000000000000000000000000..a416c34b72ca8385504826fc1b124aa1628d82ab
--- /dev/null
+++ b/docs/_data/browser-bugs.yml
@@ -0,0 +1,201 @@
+-
+ browser: >
+ Internet Explorer 11
+ summary: >
+ Hovered element still remains in `:hover` state after scrolling away.
+ upstream_bug: >
+ IE#926665
+ origin: >
+ Bootstrap#14211
+
+-
+ browser: >
+ Internet Explorer 11
+ summary: >
+ When hovering over a `<select>` menu item, the cursor for the element underneath the menu is displayed.
+ upstream_bug: >
+ IE#963961
+ origin: >
+ Bootstrap#14528
+
+-
+ browser: >
+ Firefox
+ summary: >
+ `.table-bordered` with an empty `<tbody>` is missing borders.
+ upstream_bug: >
+ Mozilla#1023761
+ origin: >
+ Bootstrap#13453
+
+-
+ browser: >
+ Firefox
+ summary: >
+ `max-width: 100%;` doesn't work inside tables.
+ upstream_bug: >
+ Mozilla#975632
+ origin: >
+ Bootstrap#10690
+
+-
+ browser: >
+ Firefox (Windows)
+ summary: >
+ Java applets that are descendants of elements with forced hardware acceleration using `translate3d(0,0,0)` are invisible.
+ upstream_bug: >
+ Mozilla#1048279
+ origin: >
+ Bootstrap#14124
+
+-
+ browser: >
+ Firefox
+ summary: >
+ Button elements with `width: 100%` become cropped in long tables.
+ upstream_bug: >
+ Mozilla#1060131
+ origin: >
+ Bootstrap#14320
+
+-
+ browser: >
+ Firefox
+ summary: >
+ If the disabled state of a form control is changed via JavaScript, the normal state doesn't return after refreshing the page.
+ upstream_bug: >
+ Mozilla#654072
+ origin: >
+ Bootstrap#793
+
+-
+ browser: >
+ Chrome (OS X)
+ summary: >
+ Clicking above `<input type="number">` increment button flashes the decrement button.
+ upstream_bug: >
+ Chromium#419108
+ origin: >
+ Offshoot of Bootstrap#8350 & Chromium#337668
+
+-
+ browser: >
+ Chrome
+ summary: >
+ `display: table;` within `display: block;` forces sibling content to new line.
+ upstream_bug: >
+ Chromium#309483
+ origin: >
+ Bootstrap#9950
+
+-
+ browser: >
+ Chrome
+ summary: >
+ Incorrect viewport size used for media queries when printing.
+ upstream_bug: >
+ Chromium#273306
+ origin: >
+ Bootstrap#12078
+
+-
+ browser: >
+ Safari (OS X)
+ summary: >
+ Scrollbar clipped in `select[multiple]` with padding.
+ upstream_bug: >
+ WebKit#128489
+ origin: >
+ Bootstrap#12536
+
+-
+ browser: >
+ Chrome
+ summary: >
+ `display: table-cell; width: 100%;` doesn't work correctly on `<input type="date">`.
+ upstream_bug: >
+ Chromium#346051
+ origin: >
+ Bootstrap#12548
+
+-
+ browser: >
+ Chrome
+ summary: >
+ `<input type="password">` sporadically causes bad widths on floated elements.
+ upstream_bug: >
+ Chromium#377346
+ origin: >
+ Bootstrap#13892
+
+-
+ browser: >
+ Chrome
+ summary: >
+ CSS infinite linear animation with alpha transparency leaks memory.
+ upstream_bug: >
+ Chromium#429375
+ origin: >
+ Bootstrap#14409
+
+-
+ browser: >
+ Safari (OS X)
+ summary: >
+ Weird button behavior with some `<input type="number">` elements.
+ upstream_bug: >
+ WebKit#137269
+ origin: >
+ Bootstrap#8350,
+ Normalize#283,
+ Chromium#337668
+
+-
+ browser: >
+ Safari (OS X)
+ summary: >
+ `display: table-cell;` within media query renders incorrectly when resizing the window.
+ upstream_bug: >
+ WebKit#138167
+ origin: >
+ Bootstrap#9774
+
+-
+ browser: >
+ Safari (iOS)
+ summary: >
+ `transform: translate3d(0,0,0);` rendering bug.
+ upstream_bug: >
+ WebKit#138162, Safari#18804973
+ origin: >
+ Bootstrap#14603
+
+-
+ browser: >
+ Safari (OS X)
+ summary: >
+ Small font size when printing webpage with fixed-width `.container`.
+ upstream_bug: >
+ WebKit#138192
+ origin: >
+ Bootstrap#14868
+
+-
+ browser: >
+ Safari (iOS)
+ summary: >
+ Text input's cursor doesn't move while scrolling the page.
+ upstream_bug: >
+ WebKit#138201, Safari#18819624
+ origin: >
+ Bootstrap#14708
+
+-
+ browser: >
+ Chrome (Windows & Linux)
+ summary: >
+ Body content can be scrolled even though `overflow: hidden;` is applied to it.
+ upstream_bug: >
+ Chromium#429604
+ origin: >
+ Bootstrap#14972
\ No newline at end of file
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 6342cd20e48936e9c4c94c8c1f069ff35b8e5a97..40ff5e0cc5e350f5549ae2d4057d55ebcf863979 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -22,9 +22,10 @@
<div class="container bs-docs-container">
<div class="row">
- <div class="col-md-9" role="main">
+ <div class="col-md-{% if page.fullwidth == true %}12{% else %}9{% endif %}" role="main">
{{ content }}
</div>
+ {% unless page.fullwidth == true %}
<div class="col-md-3">
<div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm" role="complementary">
<ul class="nav bs-docs-sidenav">
@@ -54,6 +55,7 @@
{% endif %}
</div>
</div>
+ {% endunless %}
</div>
</div>
diff --git a/docs/_plugins/bugify.rb b/docs/_plugins/bugify.rb
new file mode 100644
index 0000000000000000000000000000000000000000..e22f1da63dceca2bc91ef6ca17e05416734e2cdd
--- /dev/null
+++ b/docs/_plugins/bugify.rb
@@ -0,0 +1,25 @@
+module Jekyll
+ module BugFilter
+ def bugify(input)
+ upstream_map = {
+ "Bootstrap" => "https://github.com/twbs/bootstrap/issues/",
+ "IE" => ["https://connect.microsoft.com/IE/feedback/details/", "IE bug"],
+ "Mozilla" => ["https://bugzilla.mozilla.org/show_bug.cgi?id=", "Mozilla bug"],
+ "Chromium" => ["https://code.google.com/p/chromium/issues/detail?id=", "Chromium issue"],
+ "WebKit" => ["https://bugs.webkit.org/show_bug.cgi?id=", "WebKit bug"],
+ "Safari" => ["http://openradar.appspot.com/", "Apple Safari Radar"],
+ "Normalize" => ["https://github.com/necolas/normalize.css/issues/", "Normalize"]
+ }
+
+ upstream_map.each do |key, data|
+ url = data.is_a?(Array) ? data[0] : data
+ label = data.is_a?(Array) ? "#{data[1]} " : ""
+ input = input.gsub(/#{key}#(\d+)/, "<a href=\"#{url}\\1\">#{label}#\\1</a>")
+ end
+
+ return input
+ end
+ end
+end
+
+Liquid::Template.register_filter(Jekyll::BugFilter)
\ No newline at end of file
diff --git a/docs/assets/css/src/docs.css b/docs/assets/css/src/docs.css
index 57a3fc0f8dc73c066a37f3f2d99bdae34a81937e..976ad8cbd5da83f3540f12388e73a47cf022b3bc 100644
--- a/docs/assets/css/src/docs.css
+++ b/docs/assets/css/src/docs.css
@@ -829,6 +829,21 @@ h1[id] {
}
+/*
+ * Wall of Browser Bugs
+ *
+ * Better display for the responsive table on the Wall of Browser Bugs.
+ */
+
+.bs-docs-browser-bugs td p {
+ margin-bottom: 0;
+}
+
+.bs-docs-browser-bugs th:first-child {
+ width: 18%;
+}
+
+
/*
* Grid examples
*
diff --git a/docs/browser-bugs.html b/docs/browser-bugs.html
index 079381715c0304ae4ded44f621a6cd547291c799..26100dbe34a2196db9e62cf627d6e183074da011 100644
--- a/docs/browser-bugs.html
+++ b/docs/browser-bugs.html
@@ -3,6 +3,7 @@ layout: default
title: Wall of browser bugs
slug: browser-bugs
lead: "A list of the browser bugs that Bootstrap is currently grappling with."
+fullwidth: true
---
@@ -13,7 +14,7 @@ lead: "A list of the browser bugs that Bootstrap is currently grappling with."
<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">
+ <table class="bs-docs-browser-bugs table table-bordered table-hover">
<thead>
<tr>
<th>Browser(s)</th>
@@ -23,126 +24,14 @@ lead: "A list of the browser bugs that Bootstrap is currently grappling with."
</tr>
</thead>
<tbody>
+ {% for bug in site.data.browser-bugs %}
<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>
- <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>
- <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>
- </tr>
- <tr>
- <td>Chrome</td>
- <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>
- </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>
- <td>Chrome</td>
- <td><code><input type="password"></code> sporadically causes bad widths on floated elements</td>
- <td><a href="https://code.google.com/p/chromium/issues/detail?id=377346">Chromium issue #377346</a></td>
- <td><a href="https://github.com/twbs/bootstrap/issues/13892">#13892</a></td>
- </tr>
- <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>
- <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>
- <tr>
- <td>Safari</td>
- <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>
- <td><a href="https://github.com/twbs/bootstrap/issues/9774">#9774</a></td>
- </tr>
- <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>
- <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>
- <tr>
- <td>Chrome</td>
- <td>On Windows and Linux, body content can be scrolled even though <code>overflow: hidden;</code> is applied to it.</td>
- <td><a href="https://code.google.com/p/chromium/issues/detail?id=429604">Chromium issue #429604</a></td>
- <td><a href="https://github.com/twbs/bootstrap/issues/14972">#14972</a></td>
+ <td>{{ bug.browser }}</td>
+ <td>{{ bug.summary | markdownify | bugify }}</td>
+ <td>{{Â bug.upstream_bug | bugify }}</td>
+ <td>{{ bug.origin | bugify }}</td>
</tr>
+ {% endfor %}
</tbody>
</table>
</div>