From 2bc8a7ebef7cdf49ccd003af1a93c2535ef17b9e Mon Sep 17 00:00:00 2001
From: Cristian Necula <virusz@gmail.com>
Date: Fri, 3 Mar 2017 17:18:58 +0200
Subject: [PATCH] generators/dom: add styles to the root component's document

1. store the _root's ownerDocument and inherit it in all child components
2. use this document when adding the styles
3. store a css presence flag on the document
---
 src/generators/dom/index.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/generators/dom/index.js b/src/generators/dom/index.js
index 709b5d8400..cf7e5bd117 100644
--- a/src/generators/dom/index.js
+++ b/src/generators/dom/index.js
@@ -247,13 +247,12 @@ export default function dom ( parsed, source, options, names ) {
 
 	if ( parsed.css && options.css !== false ) {
 		builders.main.addBlock( deindent`
-			let addedCss = false;
-			function addCss () {
+			function addCss (document) {
 				var style = ${generator.helper( 'createElement' )}( 'style' );
 				style.textContent = ${JSON.stringify( processCss( parsed, generator.code ) )};
 				${generator.helper( 'appendNode' )}( style, document.head );
 
-				addedCss = true;
+				document.__sveltecss_${parsed.hash} = true;
 			}
 		` );
 	}
@@ -264,7 +263,7 @@ export default function dom ( parsed, source, options, names ) {
 	builders.init.addLine( `this._torndown = false;` );
 
 	if ( parsed.css && options.css !== false ) {
-		builders.init.addLine( `if ( !addedCss ) addCss();` );
+		builders.init.addLine( `if ( !this._document.__sveltecss_${parsed.hash} ) addCss(this._document);` );
 	}
 
 	if ( generator.hasComponents ) {
@@ -342,6 +341,10 @@ export default function dom ( parsed, source, options, names ) {
 		this._root = options._root;
 		this._yield = options._yield;
 
+		this._document = this._root
+			? this._root._document
+			: options.target ? options.target.ownerDocument : document;
+
 		${builders.init}
 	` );