From: Brion Vibber <brion@pobox.com>
Date: Sat, 10 May 2014 22:54:42 +0000 (+0200)
Subject: CSS style to make HTML5 <wbr> work on IE 8-11
X-Git-Tag: 1.31.0-rc.0~15765^2
X-Git-Url: http://git.cyclocoop.org/?a=commitdiff_plain;h=0009c1bcf0c5662fd21ec7bab4cb360343378094;p=lhc%2Fweb%2Fwiklou.git

CSS style to make HTML5 <wbr> work on IE 8-11

(Note that using the zero-width space directly is roughly equivalent;
see https://en.wikipedia.org/wiki/Zero-width_space )

Bug: 65155
Change-Id: I53f62fdb26cec65a3f4a5bea1bb9b1d7a9cb9c13
---

diff --git a/skins/common/shared.css b/skins/common/shared.css
index ac7f4077c4..a5612e22ba 100644
--- a/skins/common/shared.css
+++ b/skins/common/shared.css
@@ -39,6 +39,12 @@ mark {
 	color: black;
 }
 
+/* Helper for wbr element on IE 8+; in HTML5, but not supported by default as of IE 11. */
+/* Note canonical HTML5 styles recommend "content: \u200B", but this doesn't work as of IE 11. */
+wbr {
+	display: inline-block;
+}
+
 /* Input types that should follow user direction, like buttons */
 /* TODO: What about buttons in wikipage content ? */
 input[type="submit"],