Golf some poral childs

Author: JoviDeCroock

compat/src/portals.js

@@ -32,26 +32,14 @@ function Portal(props) {
 	}
 
 	if (!_this._temp) {
-		// Ensure the element has a mask for useId invocations
-		let root = _this._vnode;
-		while (root !== null && !root._mask && root._parent !== null) {
-			root = root._parent;
-		}
-
 		_this._container = container;
 
 		// Create a fake DOM parent node that manages a subset of `container`'s children:
 		_this._temp = {
 			nodeType: 1,
 			parentNode: container,
 			childNodes: [],
-			_children: { _mask: root._mask },
 			contains: () => true,
-			// Technically this isn't needed
-			appendChild(child) {
-				this.childNodes.push(child);
-				_this._container.appendChild(child);
-			},
 			insertBefore(child, before) {
 				this.childNodes.push(child);
 				_this._container.insertBefore(child, before);
@@ -63,11 +51,19 @@ function Portal(props) {
 		};
 	}
 
-	// Render our wrapping element into temp.
-	render(
-		createElement(ContextProvider, { context: _this.context }, props._vnode),
-		_this._temp
+	const element = createElement(
+		ContextProvider,
+		{ context: _this.context },
+		props._vnode
 	);
+	// Ensure the element has a mask for useId invocations
+	let root = _this._vnode;
+	while (root !== null && !root._mask && root._parent !== null) {
+		root = root._parent;
+	}
+	element._mask = root._mask;
+	// Render our wrapping element into temp.
+	render(element, _this._temp);
 }
 
 /**

test/shared/createContext.test.js

@@ -1,4 +1,4 @@
-import { createElement, createContext } from '../../';
+import { createElement, createContext } from '../../src/index';
 import { expect } from 'chai';
 
 /** @jsx createElement */

test/shared/createElement.test.js

@@ -1,4 +1,4 @@
-import { createElement } from '../../';
+import { createElement } from '../../src/index';
 import { expect } from 'chai';
 
 const h = createElement;

test/shared/exports.test.js

@@ -11,7 +11,7 @@ import {
 	createRef,
 	toChildArray,
 	isValidElement
-} from '../../';
+} from '../../src/index';
 import { expect } from 'chai';
 
 describe('preact', () => {

test/shared/isValidElement.test.js

@@ -1,4 +1,4 @@
-import { createElement, isValidElement, Component } from '../../';
+import { createElement, isValidElement, Component } from '../../src/index';
 import { expect } from 'chai';
 import { isValidElementTests } from './isValidElementTests';