From 77982e20d82421b4303a5eee4afa224ea371e978 Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Mon, 1 Jul 2013 23:54:45 -0700
Subject: [PATCH] Normalize the `template` element display

The `template` element shipped in Firefox 22 and Chrome 26. Browsers
without HTML template support should at least hide the element.
---
 normalize.css | 6 ++++--
 test.html     | 6 ++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/normalize.css b/normalize.css
index 8b977e1..5e79cf0 100644
--- 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
index d7103c4..d610c31 100644
--- a/test.html
+++ b/test.html
@@ -96,6 +96,12 @@
         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>