happy-dom 15.5.0 → 15.6.0

package/src/browser/utilities/BrowserFrameNavigator.ts

@@ -73,10 +73,12 @@ export default class BrowserFrameNavigator {
 				// Fixes issue where evaluating the response can throw an error.
 				// By using requestAnimationFrame() the error will not reject the promise.
 				// The error will be caught by process error level listener or a try and catch in the requestAnimationFrame().
-				frame.window.requestAnimationFrame(() => frame.window.eval(code));
-
-				// We need to wait for the next tick before resolving navigation listeners and ending the ready state task.
-				await new Promise((resolve) => frame.window.setTimeout(() => resolve(null)));
+				await new Promise((resolve) => {
+					frame.window.requestAnimationFrame(() => {
+						frame.window.requestAnimationFrame(resolve);
+						frame.window.eval(code);
+					});
+				});
 
 				readyStateManager.endTask();
 				resolveNavigationListeners();
@@ -235,15 +237,14 @@ export default class BrowserFrameNavigator {
 		// Fixes issue where evaluating the response can throw an error.
 		// By using requestAnimationFrame() the error will not reject the promise.
 		// The error will be caught by process error level listener or a try and catch in the requestAnimationFrame().
-		frame.window.requestAnimationFrame(() => (frame.content = responseText));
-
-		// Finalize the navigation
-		await new Promise((resolve) =>
-			frame.window.setTimeout(() => {
-				finalize();
-				resolve(null);
-			})
-		);
+		await new Promise((resolve) => {
+			frame.window.requestAnimationFrame(() => {
+				frame.window.requestAnimationFrame(resolve);
+				frame.content = responseText;
+			});
+		});
+
+		finalize();
 
 		return response;
 	}

package/src/nodes/html-element/HTMLElementUtility.ts

@@ -13,17 +13,20 @@ export default class HTMLElementUtility {
 	 * @param element Element.
 	 */
 	public static blur(element: HTMLElement | SVGElement): void {
+		const document = element[PropertySymbol.ownerDocument];
+
 		if (
-			element[PropertySymbol.ownerDocument][PropertySymbol.activeElement] !== element ||
+			document[PropertySymbol.activeElement] !== element ||
 			!element[PropertySymbol.isConnected]
 		) {
 			return;
 		}
 
-		const relatedTarget =
-			element[PropertySymbol.ownerDocument][PropertySymbol.nextActiveElement] ?? null;
+		const relatedTarget = document[PropertySymbol.nextActiveElement] ?? null;
+
+		document[PropertySymbol.activeElement] = null;
 
-		element[PropertySymbol.ownerDocument][PropertySymbol.activeElement] = null;
+		document[PropertySymbol.clearCache]();
 
 		element.dispatchEvent(
 			new FocusEvent('blur', {
@@ -49,26 +52,30 @@ export default class HTMLElementUtility {
 	 * @param element Element.
 	 */
 	public static focus(element: HTMLElement | SVGElement): void {
+		const document = element[PropertySymbol.ownerDocument];
+
 		if (
-			element[PropertySymbol.ownerDocument][PropertySymbol.activeElement] === element ||
+			document[PropertySymbol.activeElement] === element ||
 			!element[PropertySymbol.isConnected]
 		) {
 			return;
 		}
 
 		// Set the next active element so `blur` can use it for `relatedTarget`.
-		element[PropertySymbol.ownerDocument][PropertySymbol.nextActiveElement] = element;
+		document[PropertySymbol.nextActiveElement] = element;
 
-		const relatedTarget = element[PropertySymbol.ownerDocument][PropertySymbol.activeElement];
+		const relatedTarget = document[PropertySymbol.activeElement];
 
-		if (element[PropertySymbol.ownerDocument][PropertySymbol.activeElement] !== null) {
-			element[PropertySymbol.ownerDocument][PropertySymbol.activeElement].blur();
+		if (document[PropertySymbol.activeElement] !== null) {
+			document[PropertySymbol.activeElement].blur();
 		}
 
 		// Clean up after blur, so it does not affect next blur call.
-		element[PropertySymbol.ownerDocument][PropertySymbol.nextActiveElement] = null;
+		document[PropertySymbol.nextActiveElement] = null;
+
+		document[PropertySymbol.activeElement] = element;
 
-		element[PropertySymbol.ownerDocument][PropertySymbol.activeElement] = element;
+		document[PropertySymbol.clearCache]();
 
 		element.dispatchEvent(
 			new FocusEvent('focus', {

package/src/nodes/html-input-element/HTMLInputElement.ts

@@ -487,7 +487,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 *
 	 * @returns Inputmode.
 	 */
-	public get inputmode(): string {
+	public get inputMode(): string {
 		return this.getAttribute('inputmode') || '';
 	}
 
@@ -496,7 +496,7 @@ export default class HTMLInputElement extends HTMLElement {
 	 *
 	 * @param inputmode Inputmode.
 	 */
-	public set inputmode(inputmode: string) {
+	public set inputMode(inputmode: string) {
 		this.setAttribute('inputmode', inputmode);
 	}
 

package/src/nodes/html-text-area-element/HTMLTextAreaElement.ts

@@ -158,7 +158,7 @@ export default class HTMLTextAreaElement extends HTMLElement {
 	 *
 	 * @returns Inputmode.
 	 */
-	public get inputmode(): string {
+	public get inputMode(): string {
 		return this.getAttribute('inputmode') || '';
 	}
 
@@ -167,7 +167,7 @@ export default class HTMLTextAreaElement extends HTMLElement {
 	 *
 	 * @param inputmode Inputmode.
 	 */
-	public set inputmode(inputmode: string) {
+	public set inputMode(inputmode: string) {
 		this.setAttribute('inputmode', inputmode);
 	}
 

package/src/nodes/node/Node.ts

@@ -1030,6 +1030,7 @@ export default class Node extends EventTarget {
 		this[PropertySymbol.rootNode] = null;
 
 		if (this[PropertySymbol.ownerDocument][PropertySymbol.activeElement] === <unknown>this) {
+			this[PropertySymbol.ownerDocument][PropertySymbol.clearCache]();
 			this[PropertySymbol.ownerDocument][PropertySymbol.activeElement] = null;
 		}
 

package/src/query-selector/QuerySelector.ts

@@ -332,6 +332,13 @@ export default class QuerySelector {
 
 		element[PropertySymbol.cache].matches.set(selector, cachedItem);
 
+		if (element[PropertySymbol.isConnected]) {
+			// Document is affected for the ":target" selector
+			(element[PropertySymbol.ownerDocument] || element)[PropertySymbol.affectsCache].push(
+				cachedItem
+			);
+		}
+
 		for (const items of SelectorParser.getSelectorGroups(selector, options)) {
 			const result = this.matchSelector(element, items.reverse(), cachedItem);
 

package/src/query-selector/SelectorItem.ts

@@ -323,6 +323,11 @@ export default class SelectorItem {
 					}
 				}
 				return null;
+			case 'focus':
+			case 'focus-visible':
+				return element[PropertySymbol.ownerDocument].activeElement === element
+					? { priorityWeight: 10 }
+					: null;
 			default:
 				return null;
 		}