From 069488dea398fa6124602e43ae633fe4781a4837 Mon Sep 17 00:00:00 2001 From: Heinrich Fenkart Date: Mon, 3 Nov 2014 20:17:03 +0100 Subject: [PATCH] Use Jekyll data for Wall of Browser Bugs --- docs/_data/browser-bugs.yml | 201 +++++++++++++++++++++++++++++++++++ docs/_layouts/default.html | 4 +- docs/_plugins/bugify.rb | 25 +++++ docs/assets/css/src/docs.css | 15 +++ docs/browser-bugs.html | 127 ++-------------------- 5 files changed, 252 insertions(+), 120 deletions(-) create mode 100644 docs/_data/browser-bugs.yml create mode 100644 docs/_plugins/bugify.rb diff --git a/docs/_data/browser-bugs.yml b/docs/_data/browser-bugs.yml new file mode 100644 index 0000000000..a416c34b72 --- /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 `` 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 ``. + upstream_bug: > + Chromium#346051 + origin: > + Bootstrap#12548 + +- + browser: > + Chrome + summary: > + `` 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 `` 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 6342cd20e4..40ff5e0cc5 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -22,9 +22,10 @@
-
+
{{ content }}
+ {% unless page.fullwidth == true %}
+ {% endunless %}
diff --git a/docs/_plugins/bugify.rb b/docs/_plugins/bugify.rb new file mode 100644 index 0000000000..e22f1da63d --- /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+)/, "#{label}#\\1") + 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 57a3fc0f8d..976ad8cbd5 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 079381715c..26100dbe34 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."

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.

- +
@@ -23,126 +24,14 @@ lead: "A list of the browser bugs that Bootstrap is currently grappling with." + {% for bug in site.data.browser-bugs %} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + {% endfor %}
Browser(s)
Internet Explorer 11Hovered element still remains in :hover state after scrolling awayIE bug #926665#14211
Internet Explorer 11When hovering over a <select> menu item, the cursor for the element underneath the menu is displayedIE bug #963961#14528
Firefox.table-bordered with an empty <tbody> is missing bordersMozilla bug #1023761#13453
Firefoxmax-width: 100%; doesn't work inside tablesMozilla bug #975632#10690
FirefoxJava applets that are descendants of elements with forced hardware acceleration using translate3d(0,0,0) are invisible on WindowsMozilla bug #1048279#14124
FirefoxButton elements with width: 100% become cropped in long tables.Mozilla bug #1060131#14320
FirefoxIf 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
ChromeClicking above <input type="number"> increment button flashes the decrement buttonOffshoot of #8350 & Chromium issue #337668
Chromedisplay: table; within display: block; forces sibling content to new lineChromium issue #309483#9950
ChromeIncorrect viewport size used for media queries when printingChromium issue #273306#12078
Chrome & SafariOS X scrollbar clipped in select[multiple] with paddingChromium issue #342208, WebKit bug #128489#12536
Chromedisplay: table-cell; width: 100%; doesn't work correctly on date <input>Chromium issue #346051#12548
Chrome<input type="password"> sporadically causes bad widths on floated elementsChromium issue #377346#13892
ChromeCSS infinite linear animation with alpha transparency leaks memoryChromium issue #429375#14409
SafariWeird button behavior with some number <input>sWebKit bug #137269#8350, Normalize #283, Chromium issue #337668
Safaridisplay: table-cell; within media query renders incorrectly when resizing the windowWebKit bug #138167#9774
Safaritransform: translate3d(0, 0, 0); iOS bugWebKit bug #138162, Apple Safari Radar #18804973#14603
SafariSmall font size when printing webpage with fixed-width .containerWebKit bug #138192#14868
SafariText input's cursor doesn't move while scrolling the page on iOSWebKit bug #138201, Apple Safari Radar #18819624#14708
ChromeOn Windows and Linux, body content can be scrolled even though overflow: hidden; is applied to it.Chromium issue #429604#14972{{ bug.browser }}{{ bug.summary | markdownify | bugify }}{{ bug.upstream_bug | bugify }}{{ bug.origin | bugify }}