Use Jekyll data for Wall of Browser Bugs

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

docs/_layouts/default.html

@@ -22,9 +22,10 @@ <h1>{{ page.title }}</h1>
     <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 @@ <h1>{{ page.title }}</h1>
             {% endif %}
           </div>
         </div>
+        {% endunless %}
       </div>
     </div>
 

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)

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
  *