happy-dom 14.12.3 → 15.0.0

package/src/query-selector/QuerySelector.ts

@@ -10,6 +10,11 @@ import SelectorParser from './SelectorParser.js';
 import ISelectorMatch from './ISelectorMatch.js';
 import IHTMLElementTagNameMap from '../config/IHTMLElementTagNameMap.js';
 import ISVGElementTagNameMap from '../config/ISVGElementTagNameMap.js';
+import ICachedQuerySelectorAllItem from '../nodes/node/ICachedQuerySelectorAllResult.js';
+import ICachedQuerySelectorItem from '../nodes/node/ICachedQuerySelectorResult.js';
+import ICachedMatchesItem from '../nodes/node/ICachedMatchesResult.js';
+import DOMException from '../exception/DOMException.js';
+import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
 
 type DocumentPositionAndElement = {
 	documentPosition: string;
@@ -74,14 +79,33 @@ export default class QuerySelector {
 		node: Element | Document | DocumentFragment,
 		selector: string
 	): NodeList<Element> {
+		if (selector === null || selector === undefined) {
+			return new NodeList<Element>(PropertySymbol.illegalConstructor, []);
+		}
+
 		if (<string>selector === '') {
 			throw new Error(
 				`Failed to execute 'querySelectorAll' on '${node.constructor.name}': The provided selector is empty.`
 			);
 		}
 
-		if (selector === null || selector === undefined) {
-			return new NodeList<Element>();
+		if (typeof selector !== 'string' && typeof selector !== 'boolean') {
+			throw new DOMException(
+				`Failed to execute 'querySelectorAll' on '${node.constructor.name}': '${selector}' is not a valid selector.`,
+				'SyntaxError'
+			);
+		}
+
+		selector = String(selector);
+
+		const cache = node[PropertySymbol.cache].querySelectorAll;
+		const cachedResult = cache.get(selector);
+
+		if (cachedResult?.result) {
+			const result = cachedResult.result.deref();
+			if (result) {
+				return result;
+			}
 		}
 
 		if (INVALID_SELECTOR_REGEXP.test(selector)) {
@@ -91,26 +115,37 @@ export default class QuerySelector {
 		}
 
 		const groups = SelectorParser.getSelectorGroups(selector);
-		let matches: DocumentPositionAndElement[] = [];
+		const items: Element[] = [];
+		const nodeList = new NodeList<Element>(PropertySymbol.illegalConstructor, items);
+		const matchesMap: Map<string, Element> = new Map();
+		const matchedPositions: string[] = [];
+		const cachedItem = {
+			result: new WeakRef(nodeList)
+		};
+		node[PropertySymbol.cache].querySelectorAll.set(selector, cachedItem);
+
+		if (node[PropertySymbol.isConnected]) {
+			// Document is affected for the ":target" selector
+			(node[PropertySymbol.ownerDocument] || node)[PropertySymbol.affectsCache].push(cachedItem);
+		}
 
 		for (const items of groups) {
-			matches = matches.concat(
+			const matches =
 				node[PropertySymbol.nodeType] === NodeTypeEnum.elementNode
-					? this.findAll(<Element>node, [<Element>node], items)
-					: this.findAll(null, (<Element>node)[PropertySymbol.children], items)
-			);
+					? this.findAll(<Element>node, [<Element>node], items, cachedItem)
+					: this.findAll(null, (<Element>node)[PropertySymbol.elementArray], items, cachedItem);
+			for (const match of matches) {
+				if (!matchesMap.has(match.documentPosition)) {
+					matchesMap.set(match.documentPosition, match.element);
+					matchedPositions.push(match.documentPosition);
+				}
+			}
 		}
 
-		const nodeList = new NodeList<Element>();
-		const matchesMap: { [position: string]: Element } = {};
+		const keys = matchedPositions.sort();
 
-		for (let i = 0, max = matches.length; i < max; i++) {
-			matchesMap[matches[i].documentPosition] = matches[i].element;
-		}
-
-		const keys = Object.keys(matchesMap).sort();
 		for (let i = 0, max = keys.length; i < max; i++) {
-			nodeList.push(matchesMap[keys[i]]);
+			items.push(matchesMap.get(keys[i]));
 		}
 
 		return nodeList;
@@ -163,14 +198,32 @@ export default class QuerySelector {
 		node: Element | Document | DocumentFragment,
 		selector: string
 	): Element | null {
+		if (selector === null || selector === undefined) {
+			return null;
+		}
+
 		if (selector === '') {
 			throw new Error(
 				`Failed to execute 'querySelector' on '${node.constructor.name}': The provided selector is empty.`
 			);
 		}
 
-		if (selector === null || selector === undefined) {
-			return null;
+		if (typeof selector !== 'string' && typeof selector !== 'boolean') {
+			throw new DOMException(
+				`Failed to execute 'querySelector' on '${node.constructor.name}': '${selector}' is not a valid selector.`,
+				'SyntaxError'
+			);
+		}
+
+		selector = String(selector);
+
+		const cachedResult = node[PropertySymbol.cache].querySelector.get(selector);
+
+		if (cachedResult?.result) {
+			const result = cachedResult.result.deref();
+			if (result) {
+				return result;
+			}
 		}
 
 		if (INVALID_SELECTOR_REGEXP.test(selector)) {
@@ -179,13 +232,27 @@ export default class QuerySelector {
 			);
 		}
 
+		const cachedItem: ICachedQuerySelectorItem = {
+			result: <WeakRef<Element | null>>{
+				deref: () => null
+			}
+		};
+
+		node[PropertySymbol.cache].querySelector.set(selector, cachedItem);
+
+		if (node[PropertySymbol.isConnected]) {
+			// Document is affected for the ":target" selector
+			(node[PropertySymbol.ownerDocument] || node)[PropertySymbol.affectsCache].push(cachedItem);
+		}
+
 		for (const items of SelectorParser.getSelectorGroups(selector)) {
 			const match =
 				node[PropertySymbol.nodeType] === NodeTypeEnum.elementNode
-					? this.findFirst(<Element>node, [<Element>node], items)
-					: this.findFirst(null, (<Element>node)[PropertySymbol.children], items);
+					? this.findFirst(<Element>node, [<Element>node], items, cachedItem)
+					: this.findFirst(null, (<Element>node)[PropertySymbol.elementArray], items, cachedItem);
 
 			if (match) {
+				cachedItem.result = new WeakRef(match);
 				return match;
 			}
 		}
@@ -211,6 +278,27 @@ export default class QuerySelector {
 			return null;
 		}
 
+		if (selector === null || selector === undefined) {
+			return {
+				priorityWeight: 0
+			};
+		}
+
+		if (<string>selector === '') {
+			throw new Error(
+				`Failed to execute 'matches' on '${element.constructor.name}': The provided selector is empty.`
+			);
+		}
+
+		if (typeof selector !== 'string' && typeof selector !== 'boolean') {
+			throw new DOMException(
+				`Failed to execute 'matches' on '${element.constructor.name}': '${selector}' is not a valid selector.`,
+				DOMExceptionNameEnum.syntaxError
+			);
+		}
+
+		selector = String(selector);
+
 		if (selector === '*') {
 			return {
 				priorityWeight: 1
@@ -218,6 +306,11 @@ export default class QuerySelector {
 		}
 
 		const ignoreErrors = options?.ignoreErrors;
+		const cachedResult = element[PropertySymbol.cache].matches.get(selector);
+
+		if (cachedResult?.result) {
+			return cachedResult.result.match;
+		}
 
 		if (INVALID_SELECTOR_REGEXP.test(selector)) {
 			if (ignoreErrors) {
@@ -228,10 +321,17 @@ export default class QuerySelector {
 			);
 		}
 
+		const cachedItem: ICachedMatchesItem = {
+			result: { match: null }
+		};
+
+		element[PropertySymbol.cache].matches.set(selector, cachedItem);
+
 		for (const items of SelectorParser.getSelectorGroups(selector, options)) {
-			const result = this.matchSelector(element, element, items.reverse(), 0);
+			const result = this.matchSelector(element, element, items.reverse(), cachedItem);
 
 			if (result) {
+				cachedItem.result.match = result;
 				return result;
 			}
 		}
@@ -245,6 +345,7 @@ export default class QuerySelector {
 	 * @param targetElement Target element.
 	 * @param currentElement Current element.
 	 * @param selectorItems Selector items.
+	 * @param cachedItem Cached item.
 	 * @param [priorityWeight] Priority weight.
 	 * @returns Result.
 	 */
@@ -252,6 +353,7 @@ export default class QuerySelector {
 		targetElement: Element,
 		currentElement: Element,
 		selectorItems: SelectorItem[],
+		cachedItem: ICachedMatchesItem,
 		priorityWeight = 0
 	): ISelectorMatch | null {
 		const selectorItem = selectorItems[0];
@@ -266,11 +368,14 @@ export default class QuerySelector {
 
 			switch (selectorItem.combinator) {
 				case SelectorCombinatorEnum.adjacentSibling:
-					if (currentElement.previousElementSibling) {
+					const previousElementSibling = currentElement.previousElementSibling;
+					if (previousElementSibling) {
+						previousElementSibling[PropertySymbol.affectsCache].push(cachedItem);
 						const match = this.matchSelector(
 							targetElement,
-							currentElement.previousElementSibling,
+							previousElementSibling,
 							selectorItems.slice(1),
+							cachedItem,
 							priorityWeight + result.priorityWeight
 						);
 
@@ -281,11 +386,14 @@ export default class QuerySelector {
 					break;
 				case SelectorCombinatorEnum.child:
 				case SelectorCombinatorEnum.descendant:
-					if (currentElement.parentElement) {
+					const parentElement = currentElement.parentElement;
+					if (parentElement) {
+						parentElement[PropertySymbol.affectsCache].push(cachedItem);
 						const match = this.matchSelector(
 							targetElement,
-							currentElement.parentElement,
+							parentElement,
 							selectorItems.slice(1),
+							cachedItem,
 							priorityWeight + result.priorityWeight
 						);
 						if (match) {
@@ -296,15 +404,17 @@ export default class QuerySelector {
 			}
 		}
 
+		const parentElement = currentElement.parentElement;
 		if (
 			selectorItem.combinator === SelectorCombinatorEnum.descendant &&
 			targetElement !== currentElement &&
-			currentElement.parentElement
+			parentElement
 		) {
 			return this.matchSelector(
 				targetElement,
-				currentElement.parentElement,
+				parentElement,
 				selectorItems,
+				cachedItem,
 				priorityWeight
 			);
 		}
@@ -318,6 +428,7 @@ export default class QuerySelector {
 	 * @param rootElement Root element.
 	 * @param children Child elements.
 	 * @param selectorItems Selector items.
+	 * @param cachedItem Cached item.
 	 * @param [documentPosition] Document position of the element.
 	 * @returns Document position and element map.
 	 */
@@ -325,6 +436,7 @@ export default class QuerySelector {
 		rootElement: Element,
 		children: Element[],
 		selectorItems: SelectorItem[],
+		cachedItem: ICachedQuerySelectorAllItem,
 		documentPosition?: string
 	): DocumentPositionAndElement[] {
 		const selectorItem = selectorItems[0];
@@ -333,8 +445,11 @@ export default class QuerySelector {
 
 		for (let i = 0, max = children.length; i < max; i++) {
 			const child = children[i];
+			const childrenOfChild = (<Element>child)[PropertySymbol.elementArray];
 			const position = (documentPosition ? documentPosition + '>' : '') + String.fromCharCode(i);
 
+			child[PropertySymbol.affectsCache].push(cachedItem);
+
 			if (selectorItem.match(child)) {
 				if (!nextSelectorItem) {
 					if (rootElement !== child) {
@@ -352,6 +467,7 @@ export default class QuerySelector {
 										rootElement,
 										[child.nextElementSibling],
 										selectorItems.slice(1),
+										cachedItem,
 										position
 									)
 								);
@@ -362,8 +478,9 @@ export default class QuerySelector {
 							matched = matched.concat(
 								this.findAll(
 									rootElement,
-									(<Element>child)[PropertySymbol.children],
+									childrenOfChild,
 									selectorItems.slice(1),
+									cachedItem,
 									position
 								)
 							);
@@ -372,17 +489,9 @@ export default class QuerySelector {
 				}
 			}
 
-			if (
-				selectorItem.combinator === SelectorCombinatorEnum.descendant &&
-				(<Element>child)[PropertySymbol.children].length
-			) {
+			if (selectorItem.combinator === SelectorCombinatorEnum.descendant && childrenOfChild.length) {
 				matched = matched.concat(
-					this.findAll(
-						rootElement,
-						(<Element>child)[PropertySymbol.children],
-						selectorItems,
-						position
-					)
+					this.findAll(rootElement, childrenOfChild, selectorItems, cachedItem, position)
 				);
 			}
 		}
@@ -396,17 +505,23 @@ export default class QuerySelector {
 	 * @param rootElement Root element.
 	 * @param children Child elements.
 	 * @param selectorItems Selector items.
+	 * @param cachedItem Cached item.
 	 * @returns HTML element.
 	 */
 	private static findFirst(
 		rootElement: Element,
 		children: Element[],
-		selectorItems: SelectorItem[]
+		selectorItems: SelectorItem[],
+		cachedItem: ICachedQuerySelectorItem
 	): Element {
 		const selectorItem = selectorItems[0];
 		const nextSelectorItem = selectorItems[1];
 
 		for (const child of children) {
+			const childrenOfChild = (<Element>child)[PropertySymbol.elementArray];
+
+			child[PropertySymbol.affectsCache].push(cachedItem);
+
 			if (selectorItem.match(child)) {
 				if (!nextSelectorItem) {
 					if (rootElement !== child) {
@@ -419,7 +534,8 @@ export default class QuerySelector {
 								const match = this.findFirst(
 									rootElement,
 									[child.nextElementSibling],
-									selectorItems.slice(1)
+									selectorItems.slice(1),
+									cachedItem
 								);
 								if (match) {
 									return match;
@@ -430,8 +546,9 @@ export default class QuerySelector {
 						case SelectorCombinatorEnum.child:
 							const match = this.findFirst(
 								rootElement,
-								(<Element>child)[PropertySymbol.children],
-								selectorItems.slice(1)
+								childrenOfChild,
+								selectorItems.slice(1),
+								cachedItem
 							);
 							if (match) {
 								return match;
@@ -441,15 +558,8 @@ export default class QuerySelector {
 				}
 			}
 
-			if (
-				selectorItem.combinator === SelectorCombinatorEnum.descendant &&
-				(<Element>child)[PropertySymbol.children].length
-			) {
-				const match = this.findFirst(
-					rootElement,
-					(<Element>child)[PropertySymbol.children],
-					selectorItems
-				);
+			if (selectorItem.combinator === SelectorCombinatorEnum.descendant && childrenOfChild.length) {
+				const match = this.findFirst(rootElement, childrenOfChild, selectorItems, cachedItem);
 
 				if (match) {
 					return match;

package/src/query-selector/SelectorItem.ts

@@ -121,7 +121,7 @@ export default class SelectorItem {
 	private matchPseudo(element: Element): ISelectorMatch | null {
 		const parent = <Element>element[PropertySymbol.parentNode];
 		const parentChildren = element[PropertySymbol.parentNode]
-			? (<Element>element[PropertySymbol.parentNode])[PropertySymbol.children]
+			? (<Element>element[PropertySymbol.parentNode])[PropertySymbol.elementArray]
 			: [];
 
 		if (!this.pseudos) {
@@ -236,46 +236,71 @@ export default class SelectorItem {
 					? { priorityWeight: 10 }
 					: null;
 			case 'empty':
-				return !(<Element>element)[PropertySymbol.children].length ? { priorityWeight: 10 } : null;
+				return !(<Element>element)[PropertySymbol.elementArray].length
+					? { priorityWeight: 10 }
+					: null;
 			case 'root':
 				return element[PropertySymbol.tagName] === 'HTML' ? { priorityWeight: 10 } : null;
 			case 'not':
 				return !pseudo.selectorItems[0].match(element) ? { priorityWeight: 10 } : null;
 			case 'nth-child':
-				const nthChildIndex = pseudo.selectorItems[0]
-					? parentChildren.filter((child) => pseudo.selectorItems[0].match(child)).indexOf(element)
-					: parentChildren.indexOf(element);
-				return nthChildIndex !== -1 && pseudo.nthFunction(nthChildIndex + 1)
-					? { priorityWeight: 10 }
-					: null;
-			case 'nth-of-type':
-				if (!element[PropertySymbol.parentNode]) {
+				let nthChildIndex = -1;
+				if (pseudo.selectorItems[0] && !pseudo.selectorItems[0].match(element)) {
 					return null;
 				}
-				const nthOfTypeIndex = parentChildren
-					.filter((child) => child[PropertySymbol.tagName] === element[PropertySymbol.tagName])
-					.indexOf(element);
-				return nthOfTypeIndex !== -1 && pseudo.nthFunction(nthOfTypeIndex + 1)
-					? { priorityWeight: 10 }
-					: null;
+				for (let i = 0, max = parentChildren.length; i < max; i++) {
+					if (!pseudo.selectorItems[0] || pseudo.selectorItems[0].match(parentChildren[i])) {
+						nthChildIndex++;
+					}
+					if (parentChildren[i] === element) {
+						return nthChildIndex !== -1 && pseudo.nthFunction(nthChildIndex + 1)
+							? { priorityWeight: 10 }
+							: null;
+					}
+				}
+				return null;
+			case 'nth-of-type':
+				let nthOfTypeIndex = -1;
+				for (let i = 0, max = parentChildren.length; i < max; i++) {
+					if (parentChildren[i][PropertySymbol.tagName] === element[PropertySymbol.tagName]) {
+						nthOfTypeIndex++;
+					}
+					if (parentChildren[i] === element) {
+						return nthOfTypeIndex !== -1 && pseudo.nthFunction(nthOfTypeIndex + 1)
+							? { priorityWeight: 10 }
+							: null;
+					}
+				}
+				return null;
 			case 'nth-last-child':
-				const nthLastChildIndex = pseudo.selectorItems[0]
-					? parentChildren
-							.filter((child) => pseudo.selectorItems[0].match(child))
-							.reverse()
-							.indexOf(element)
-					: parentChildren.reverse().indexOf(element);
-				return nthLastChildIndex !== -1 && pseudo.nthFunction(nthLastChildIndex + 1)
-					? { priorityWeight: 10 }
-					: null;
+				let nthLastChildIndex = -1;
+				if (pseudo.selectorItems[0] && !pseudo.selectorItems[0].match(element)) {
+					return null;
+				}
+				for (let i = parentChildren.length - 1; i >= 0; i--) {
+					if (!pseudo.selectorItems[0] || pseudo.selectorItems[0].match(parentChildren[i])) {
+						nthLastChildIndex++;
+					}
+					if (parentChildren[i] === element) {
+						return nthLastChildIndex !== -1 && pseudo.nthFunction(nthLastChildIndex + 1)
+							? { priorityWeight: 10 }
+							: null;
+					}
+				}
+				return null;
 			case 'nth-last-of-type':
-				const nthLastOfTypeIndex = parentChildren
-					.filter((child) => child[PropertySymbol.tagName] === element[PropertySymbol.tagName])
-					.reverse()
-					.indexOf(element);
-				return nthLastOfTypeIndex !== -1 && pseudo.nthFunction(nthLastOfTypeIndex + 1)
-					? { priorityWeight: 10 }
-					: null;
+				let nthLastOfTypeIndex = -1;
+				for (let i = parentChildren.length - 1; i >= 0; i--) {
+					if (parentChildren[i][PropertySymbol.tagName] === element[PropertySymbol.tagName]) {
+						nthLastOfTypeIndex++;
+					}
+					if (parentChildren[i] === element) {
+						return nthLastOfTypeIndex !== -1 && pseudo.nthFunction(nthLastOfTypeIndex + 1)
+							? { priorityWeight: 10 }
+							: null;
+					}
+				}
+				return null;
 			case 'target':
 				const hash = element[PropertySymbol.ownerDocument].location.hash;
 				if (!hash) {

package/src/query-selector/SelectorParser.ts

@@ -87,6 +87,7 @@ export default class SelectorParser {
 		options?: { ignoreErrors?: boolean }
 	): Array<Array<SelectorItem>> {
 		const ignoreErrors = options?.ignoreErrors;
+
 		if (selector === '*') {
 			return [[new SelectorItem({ tagName: '*', ignoreErrors })]];
 		}

package/src/range/Range.ts

@@ -326,7 +326,7 @@ export default class Range {
 
 		const containedChildren = [];
 
-		for (const node of (<Node>commonAncestor)[PropertySymbol.childNodes]) {
+		for (const node of (<Node>commonAncestor)[PropertySymbol.nodeArray]) {
 			if (RangeUtility.isContained(node, this)) {
 				if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode) {
 					throw new DOMException(
@@ -495,7 +495,7 @@ export default class Range {
 
 			newNode = referenceNode[PropertySymbol.parentNode];
 			newOffset =
-				(<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(
+				(<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(
 					referenceNode
 				) + 1;
 		}
@@ -619,7 +619,7 @@ export default class Range {
 
 		const containedChildren = [];
 
-		for (const node of (<Node>commonAncestor)[PropertySymbol.childNodes]) {
+		for (const node of (<Node>commonAncestor)[PropertySymbol.nodeArray]) {
 			if (RangeUtility.isContained(node, this)) {
 				if (node[PropertySymbol.nodeType] === NodeTypeEnum.documentTypeNode) {
 					throw new DOMException(
@@ -656,7 +656,7 @@ export default class Range {
 
 			newNode = referenceNode[PropertySymbol.parentNode];
 			newOffset =
-				(<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(
+				(<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(
 					referenceNode
 				) + 1;
 		}
@@ -808,7 +808,7 @@ export default class Range {
 		let referenceNode =
 			this[PropertySymbol.start].node[PropertySymbol.nodeType] === NodeTypeEnum.textNode
 				? this[PropertySymbol.start].node
-				: (<Node>this[PropertySymbol.start].node)[PropertySymbol.childNodes][this.startOffset] ||
+				: (<Node>this[PropertySymbol.start].node)[PropertySymbol.nodeArray][this.startOffset] ||
 					null;
 		const parent = !referenceNode
 			? this[PropertySymbol.start].node
@@ -829,7 +829,7 @@ export default class Range {
 
 		let newOffset = !referenceNode
 			? NodeUtility.getNodeLength(parent)
-			: (<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(
+			: (<Node>referenceNode[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(
 					referenceNode
 				);
 		newOffset +=
@@ -863,7 +863,7 @@ export default class Range {
 			return true;
 		}
 
-		const offset = (<Node>parent)[PropertySymbol.childNodes].indexOf(node);
+		const offset = (<Node>parent)[PropertySymbol.nodeArray].indexOf(node);
 
 		return (
 			RangeUtility.compareBoundaryPointsPosition(
@@ -891,7 +891,7 @@ export default class Range {
 			);
 		}
 
-		const index = (<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node);
+		const index = (<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node);
 
 		this[PropertySymbol.start].node = node[PropertySymbol.parentNode];
 		this[PropertySymbol.start].offset = index;
@@ -988,7 +988,7 @@ export default class Range {
 		}
 		this.setEnd(
 			node[PropertySymbol.parentNode],
-			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node) + 1
+			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node) + 1
 		);
 	}
 
@@ -1007,7 +1007,7 @@ export default class Range {
 		}
 		this.setEnd(
 			node[PropertySymbol.parentNode],
-			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node)
+			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node)
 		);
 	}
 
@@ -1026,7 +1026,7 @@ export default class Range {
 		}
 		this.setStart(
 			node[PropertySymbol.parentNode],
-			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node) + 1
+			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node) + 1
 		);
 	}
 
@@ -1045,7 +1045,7 @@ export default class Range {
 		}
 		this.setStart(
 			node[PropertySymbol.parentNode],
-			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(node)
+			(<Node>node[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(node)
 		);
 	}
 

package/src/range/RangeUtility.ts

@@ -51,7 +51,7 @@ export default class RangeUtility {
 			}
 
 			if (
-				(<Node>child[PropertySymbol.parentNode])[PropertySymbol.childNodes].indexOf(child) <
+				(<Node>child[PropertySymbol.parentNode])[PropertySymbol.nodeArray].indexOf(child) <
 				pointA.offset
 			) {
 				return 1;

package/src/selection/Selection.ts

@@ -435,7 +435,7 @@ export default class Selection {
 			return;
 		}
 
-		const length = node.childNodes.length;
+		const length = node[PropertySymbol.nodeArray].length;
 		const newRange = new this.#ownerDocument[PropertySymbol.ownerWindow].Range();
 
 		newRange[PropertySymbol.start].node = node;