Normalize the template element display

necolas · necolas · commit 77982e20d824 · 2013-07-01T23:54:45.000-07:00
The `template` element shipped in Firefox 22 and Chrome 26. Browsers
without HTML template support should at least hide the element.
diff --git a/normalize.css b/normalize.css
@@ -44,10 +44,12 @@ audio:not([controls]) {
 }
 
 /**
- * Address styling not present in IE 8/9.
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
  */
 
-[hidden] {
+[hidden],
+template {
     display: none;
 }
 
diff --git a/test.html b/test.html
@@ -96,6 +96,12 @@ <h1>Text-level semantics</h1>
         The <var>var element</var> example
         </p>
 
+        <h1>Template content</h1>
+        <template>
+            <h1>{{title}}</h2>
+            <content></content>
+        </template>
+
         <h1>Embedded content</h1>
 
         <h3>audio</h3>

Original file line number	Diff line number	Diff line change
`@@ -44,10 +44,12 @@ audio:not([controls]) {`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`/**`
`47`		`- * Address styling not present in IE 8/9.`
	`47`	+ * Address `[hidden]` styling not present in IE 8/9.
	`48`	+ * Hide the `template` element in IE, Safari, and Firefox < 22.
`48`	`49`	`*/`
`49`	`50`
`50`		`-[hidden] {`
	`51`	`+[hidden],`
	`52`	`+template {`
`51`	`53`	`display: none;`
`52`	`54`	`}`
`53`	`55`