Skip portal rendering during SSR

packages/metal-component/src/Component.js

@@ -686,6 +686,11 @@ class Component extends EventEmitter {
 			portalElement = 'body';
 		}
 
+		if (isServerSide()) {
+			this.portalElement = true;
+			return;
+		}
+
 		portalElement = toElement(portalElement);
 
 		if (portalElement) {

packages/metal-incremental-dom/src/render/render.js

@@ -17,6 +17,7 @@ import {
 	isDef,
 	isDefAndNotNull,
 	isFunction,
+	isServerSide,
 	isString,
 	object,
 } from 'metal';
@@ -537,6 +538,10 @@ function renderSubComponent_(tagOrCtor, config, owner) {
 		config.key = parentData.config.key;
 	}
 
+	if (comp.portalElement && isServerSide()) {
+		return comp;
+	}
+
 	if (!comp.portalElement) {
 		comp.getRenderer().renderInsidePatch(comp);
 	}

packages/metal-isomorphic/test/fixtures/Portal.js

@@ -0,0 +1,16 @@
+import Component from 'metal-component';
+import Soy from 'metal-soy';
+import './ChildComponent.soy.js';
+
+import templates from './Portal.soy.js';
+
+class Portal extends Component {
+}
+
+Portal.STATE = {
+	message: {}
+};
+
+Soy.register(Portal, templates);
+
+export default Portal;

packages/metal-isomorphic/test/fixtures/Portal.soy

@@ -0,0 +1,10 @@
+{namespace Portal}
+
+/**
+ * @param? message
+ */
+{template .render}
+	<div class="portal">
+		Portal: {$message}
+	</div>
+{/template}

packages/metal-isomorphic/test/fixtures/PortalParent.js

@@ -0,0 +1,16 @@
+import Component from 'metal-component';
+import Soy from 'metal-soy';
+import './Portal.soy.js';
+
+import templates from './PortalParent.soy.js';
+
+class PortalParent extends Component {
+}
+
+PortalParent.STATE = {
+	message: {}
+};
+
+Soy.register(PortalParent, templates);
+
+export default PortalParent;

packages/metal-isomorphic/test/fixtures/PortalParent.soy

@@ -0,0 +1,15 @@
+{namespace PortalParent}
+
+/**
+ * @param? message
+ */
+{template .render}
+	<div class="portal-parent">
+		Parent: {$message}
+
+		{call Portal.render}
+			{param message: $message /}
+			{param portalElement: true /}
+		{/call}
+	</div>
+{/template}

packages/metal-isomorphic/test/isomorphic.js

@@ -2,8 +2,9 @@ import Component from 'metal-component';
 import MyComponent from './fixtures/MyComponent';
 import MyJSXComponent from './fixtures/MyJSXComponent';
 import ParentComponent from './fixtures/ParentComponent';
-import {assert} from 'chai';
+import PortalParent from './fixtures/PortalParent';
 import jsdomGlobal from 'jsdom-global';
+import {assert} from 'chai';
 
 describe('Isomorphic Rendering', () => {
 	it('should render soy component to string', () => {
@@ -36,6 +37,16 @@ describe('Isomorphic Rendering', () => {
 		assert.equal(htmlString, '<div><div>Child: Hello, World!</div></div>');
 	});
 
+	it('should skip subcomponents that have portalElement defined', () => {
+		assert.ok(!global.document);
+
+		const htmlString = Component.renderToString(PortalParent, {
+			message: 'Hello, World!'
+		});
+
+		assert.equal(htmlString, '<div class="portal-parent">Parent: Hello, World!</div>');
+	});
+
 	describe('JSDom', () => {
 		let cleanup;