happy-dom 13.0.6 → 13.1.0

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

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

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

@@ -9,6 +9,9 @@ import IElement from '../element/IElement.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.
  */
 export default interface IHTMLElement extends IElement {
+	accessKey: string;
+	contentEditable: string;
+	isContentEditable: boolean;
 	dataset: { [key: string]: string };
 	tabIndex: number;
 	offsetHeight: number;

package/src/nodes/html-form-element/HTMLFormElement.ts

@@ -18,17 +18,33 @@ import IHTMLButtonElement from '../html-button-element/IHTMLButtonElement.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.
  */
 export default class HTMLFormElement extends HTMLElement implements IHTMLFormElement {
-	// Public properties.
-	public readonly elements: IHTMLFormControlsCollection = new HTMLFormControlsCollection();
-	public readonly length = 0;
+	// Internal properties.
+	public [PropertySymbol.elements]: IHTMLFormControlsCollection = new HTMLFormControlsCollection();
+	public [PropertySymbol.length] = 0;
+	public [PropertySymbol.formNode]: INode = this;
 
 	// Events
 	public onformdata: (event: Event) => void | null = null;
 	public onreset: (event: Event) => void | null = null;
 	public onsubmit: (event: Event) => void | null = null;
 
-	// Private properties
-	public [PropertySymbol.formNode]: INode = this;
+	/**
+	 * Returns elements.
+	 *
+	 * @returns Elements.
+	 */
+	public get elements(): IHTMLFormControlsCollection {
+		return this[PropertySymbol.elements];
+	}
+
+	/**
+	 * Returns length.
+	 *
+	 * @returns Length.
+	 */
+	public get length(): number {
+		return this[PropertySymbol.length];
+	}
 
 	/**
 	 * Returns name.
@@ -221,13 +237,16 @@ export default class HTMLFormElement extends HTMLElement implements IHTMLFormEle
 	 * Resets form.
 	 */
 	public reset(): void {
-		for (const element of this.elements) {
-			if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {
+		for (const element of this[PropertySymbol.elements]) {
+			if (
+				element[PropertySymbol.tagName] === 'INPUT' ||
+				element[PropertySymbol.tagName] === 'TEXTAREA'
+			) {
 				element[PropertySymbol.value] = null;
 				element[PropertySymbol.checked] = null;
-			} else if (element.tagName === 'TEXTAREA') {
+			} else if (element[PropertySymbol.tagName] === 'TEXTAREA') {
 				element[PropertySymbol.value] = null;
-			} else if (element.tagName === 'SELECT') {
+			} else if (element[PropertySymbol.tagName] === 'SELECT') {
 				let hasSelectedAttribute = false;
 				for (const option of (<IHTMLSelectElement>element).options) {
 					if (option.hasAttribute('selected')) {
@@ -254,8 +273,8 @@ export default class HTMLFormElement extends HTMLElement implements IHTMLFormEle
 		const radioValidationState: { [k: string]: boolean } = {};
 		let isFormValid = true;
 
-		for (const element of this.elements) {
-			if (element.tagName === 'INPUT' && element.type === 'radio' && element.name) {
+		for (const element of this[PropertySymbol.elements]) {
+			if (element[PropertySymbol.tagName] === 'INPUT' && element.type === 'radio' && element.name) {
 				if (!radioValidationState[element.name]) {
 					radioValidationState[element.name] = true;
 					if (!element.checkValidity()) {
@@ -300,14 +319,19 @@ export default class HTMLFormElement extends HTMLElement implements IHTMLFormEle
 		node: IHTMLInputElement | IHTMLTextAreaElement | IHTMLSelectElement | IHTMLButtonElement,
 		name: string
 	): void {
-		if (!this.elements.includes(node)) {
-			this[this.elements.length] = node;
-			this.elements.push(node);
-			(<number>this.length) = this.elements.length;
+		const elements = this[PropertySymbol.elements];
+
+		if (!elements.includes(node)) {
+			this[elements.length] = node;
+			elements.push(node);
+			this[PropertySymbol.length] = elements.length;
 		}
 
-		(<HTMLFormControlsCollection>this.elements)[PropertySymbol.appendNamedItem](node, name);
-		this[name] = this.elements[name];
+		(<HTMLFormControlsCollection>elements)[PropertySymbol.appendNamedItem](node, name);
+
+		if (this[PropertySymbol.isValidPropertyName](name)) {
+			this[name] = elements[name];
+		}
 	}
 
 	/**
@@ -320,23 +344,39 @@ export default class HTMLFormElement extends HTMLElement implements IHTMLFormEle
 		node: IHTMLInputElement | IHTMLTextAreaElement | IHTMLSelectElement | IHTMLButtonElement,
 		name: string
 	): void {
-		const index = this.elements.indexOf(node);
+		const elements = this[PropertySymbol.elements];
+		const index = elements.indexOf(node);
 
 		if (index !== -1) {
-			this.elements.splice(index, 1);
-			for (let i = index; i < this.length; i++) {
+			elements.splice(index, 1);
+			for (let i = index; i < this[PropertySymbol.length]; i++) {
 				this[i] = this[i + 1];
 			}
-			delete this[this.length - 1];
-			(<number>this.length)--;
+			delete this[this[PropertySymbol.length] - 1];
+			this[PropertySymbol.length]--;
 		}
 
-		(<HTMLFormControlsCollection>this.elements)[PropertySymbol.removeNamedItem](node, name);
+		(<HTMLFormControlsCollection>elements)[PropertySymbol.removeNamedItem](node, name);
 
-		if (this.elements[name]) {
-			this[name] = this.elements[name];
-		} else {
-			delete this[name];
+		if (this[PropertySymbol.isValidPropertyName](name)) {
+			if (elements[name]) {
+				this[name] = elements[name];
+			} else {
+				delete this[name];
+			}
 		}
 	}
+
+	/**
+	 * Returns "true" if the property name is valid.
+	 *
+	 * @param name Name.
+	 * @returns True if the property name is valid.
+	 */
+	protected [PropertySymbol.isValidPropertyName](name: string): boolean {
+		return (
+			!this.constructor.prototype.hasOwnProperty(name) &&
+			(isNaN(Number(name)) || name.includes('.'))
+		);
+	}
 }

package/src/nodes/html-iframe-element/HTMLIFrameElement.ts

@@ -18,13 +18,14 @@ import HTMLIFrameElementPageLoader from './HTMLIFrameElementPageLoader.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement.
  */
 export default class HTMLIFrameElement extends HTMLElement implements IHTMLIFrameElement {
-	public override readonly attributes: INamedNodeMap;
-
 	// Events
 	public onload: (event: Event) => void | null = null;
 	public onerror: (event: Event) => void | null = null;
 
 	// Internal properties
+	public override [PropertySymbol.attributes]: INamedNodeMap;
+
+	// Private properties
 	#contentWindowContainer: { window: IBrowserWindow | ICrossOriginBrowserWindow | null } = {
 		window: null
 	};
@@ -42,7 +43,7 @@ export default class HTMLIFrameElement extends HTMLElement implements IHTMLIFram
 			contentWindowContainer: this.#contentWindowContainer,
 			browserParentFrame: browserFrame
 		});
-		this.attributes = new HTMLIFrameElementNamedNodeMap(this, this.#pageLoader);
+		this[PropertySymbol.attributes] = new HTMLIFrameElementNamedNodeMap(this, this.#pageLoader);
 	}
 
 	/**
@@ -193,8 +194,8 @@ export default class HTMLIFrameElement extends HTMLElement implements IHTMLIFram
 	 * @override
 	 */
 	public override [PropertySymbol.connectToNode](parentNode: INode = null): void {
-		const isConnected = this.isConnected;
-		const isParentConnected = parentNode ? parentNode.isConnected : false;
+		const isConnected = this[PropertySymbol.isConnected];
+		const isParentConnected = parentNode ? parentNode[PropertySymbol.isConnected] : false;
 
 		super[PropertySymbol.connectToNode](parentNode);
 

package/src/nodes/html-iframe-element/HTMLIFrameElementNamedNodeMap.ts

@@ -2,6 +2,7 @@ import IAttr from '../attr/IAttr.js';
 import Element from '../element/Element.js';
 import HTMLElementNamedNodeMap from '../html-element/HTMLElementNamedNodeMap.js';
 import HTMLIFrameElementPageLoader from './HTMLIFrameElementPageLoader.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
  * Named Node Map.
@@ -28,7 +29,11 @@ export default class HTMLIFrameElementNamedNodeMap extends HTMLElementNamedNodeM
 	public override setNamedItem(item: IAttr): IAttr | null {
 		const replacedAttribute = super.setNamedItem(item);
 
-		if (item.name === 'src' && item.value && item.value !== replacedAttribute?.value) {
+		if (
+			item[PropertySymbol.name] === 'src' &&
+			item[PropertySymbol.value] &&
+			item[PropertySymbol.value] !== replacedAttribute?.[PropertySymbol.value]
+		) {
 			this.#pageLoader.loadPage();
 		}
 

package/src/nodes/html-iframe-element/HTMLIFrameElementPageLoader.ts

@@ -43,7 +43,7 @@ export default class HTMLIFrameElementPageLoader {
 	 * Loads an iframe page.
 	 */
 	public loadPage(): void {
-		if (!this.#element.isConnected) {
+		if (!this.#element[PropertySymbol.isConnected]) {
 			if (this.#browserIFrame) {
 				BrowserFrameFactory.destroyFrame(this.#browserIFrame);
 				this.#browserIFrame = null;
@@ -52,7 +52,7 @@ export default class HTMLIFrameElementPageLoader {
 			return;
 		}
 
-		const window = this.#element.ownerDocument[PropertySymbol.defaultView];
+		const window = this.#element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow];
 		const originURL = this.#browserParentFrame.window.location;
 		const targetURL = BrowserFrameURL.getRelativeURL(this.#browserParentFrame, this.#element.src);
 

package/src/nodes/html-image-element/HTMLImageElement.ts

@@ -1,5 +1,6 @@
 import HTMLElement from '../html-element/HTMLElement.js';
 import IHTMLImageElement from './IHTMLImageElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
  * HTML Image Element.
@@ -8,15 +9,101 @@ import IHTMLImageElement from './IHTMLImageElement.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement.
  */
 export default class HTMLImageElement extends HTMLElement implements IHTMLImageElement {
-	public readonly tagName: string = 'IMG';
-	public readonly complete = false;
-	public readonly naturalHeight = 0;
-	public readonly naturalWidth = 0;
-	public crossOrigin = null;
-	public decoding = 'auto';
-	public loading = 'auto';
-	public readonly x = 0;
-	public readonly y = 0;
+	public [PropertySymbol.tagName] = 'IMG';
+	public [PropertySymbol.complete] = false;
+	public [PropertySymbol.naturalHeight] = 0;
+	public [PropertySymbol.naturalWidth] = 0;
+	public [PropertySymbol.loading] = 'auto';
+	public [PropertySymbol.x] = 0;
+	public [PropertySymbol.y] = 0;
+
+	/**
+	 * Returns complete.
+	 *
+	 * @returns Complete.
+	 */
+	public get complete(): boolean {
+		return this[PropertySymbol.complete];
+	}
+
+	/**
+	 * Returns natural height.
+	 *
+	 * @returns Natural height.
+	 */
+	public get naturalHeight(): number {
+		return this[PropertySymbol.naturalHeight];
+	}
+
+	/**
+	 * Returns natural width.
+	 *
+	 * @returns Natural width.
+	 */
+	public get naturalWidth(): number {
+		return this[PropertySymbol.naturalWidth];
+	}
+
+	/**
+	 * Returns loading.
+	 *
+	 * @returns Loading.
+	 */
+	public get loading(): string {
+		return this[PropertySymbol.loading];
+	}
+
+	/**
+	 * Returns x.
+	 */
+	public get x(): number {
+		return this[PropertySymbol.x];
+	}
+
+	/**
+	 * Returns y.
+	 */
+	public get y(): number {
+		return this[PropertySymbol.y];
+	}
+
+	/**
+	 * Returns decoding.
+	 *
+	 * @returns Decoding.
+	 */
+	public get decoding(): string {
+		return this.getAttribute('decoding') || 'auto';
+	}
+
+	/**
+	 * Sets decoding.
+	 *
+	 * @param decoding Decoding.
+	 */
+	public set decoding(decoding: string) {
+		this.setAttribute('decoding', decoding);
+	}
+
+	/**
+	 * Returns cross origin.
+	 *
+	 * @returns Cross origin.
+	 */
+	public get crossOrigin(): string | null {
+		return this.getAttribute('crossOrigin');
+	}
+
+	/**
+	 * Sets cross origin.
+	 *
+	 * @param crossOrigin Cross origin.
+	 */
+	public set crossOrigin(crossOrigin: string | null) {
+		if (crossOrigin === 'anonymous' || crossOrigin === 'use-credentials') {
+			this.setAttribute('crossOrigin', crossOrigin);
+		}
+	}
 
 	/**
 	 * Returns alt.
@@ -45,6 +132,25 @@ export default class HTMLImageElement extends HTMLElement implements IHTMLImageE
 		return this.src;
 	}
 
+	/**
+	 * Returns width.
+	 *
+	 * @returns Width.
+	 */
+	public get width(): number {
+		const width = this.getAttribute('width');
+		return width !== null ? Number(width) : 0;
+	}
+
+	/**
+	 * Sets width.
+	 *
+	 * @param width Width.
+	 */
+	public set width(width: number) {
+		this.setAttribute('width', String(width));
+	}
+
 	/**
 	 * Returns height.
 	 *
@@ -176,25 +282,6 @@ export default class HTMLImageElement extends HTMLElement implements IHTMLImageE
 		this.setAttribute('usemap', useMap);
 	}
 
-	/**
-	 * Returns width.
-	 *
-	 * @returns Width.
-	 */
-	public get width(): number {
-		const width = this.getAttribute('width');
-		return width !== null ? Number(width) : 0;
-	}
-
-	/**
-	 * Sets width.
-	 *
-	 * @param width Width.
-	 */
-	public set width(width: number) {
-		this.setAttribute('width', String(width));
-	}
-
 	/**
 	 * The decode() method of the HTMLImageElement interface returns a Promise that resolves when the image is decoded and it is safe to append the image to the DOM.
 	 *

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

@@ -23,6 +23,7 @@ import HTMLInputElementDateUtility from './HTMLInputElementDateUtility.js';
 import HTMLLabelElementUtility from '../html-label-element/HTMLLabelElementUtility.js';
 import INamedNodeMap from '../../named-node-map/INamedNodeMap.js';
 import HTMLInputElementNamedNodeMap from './HTMLInputElementNamedNodeMap.js';
+import { URL } from 'url';
 
 /**
  * HTML Input Element.
@@ -34,39 +35,131 @@ import HTMLInputElementNamedNodeMap from './HTMLInputElementNamedNodeMap.js';
  * https://github.com/jsdom/jsdom/blob/master/lib/jsdom/living/nodes/nodes/HTMLInputElement-impl.js (MIT licensed).
  */
 export default class HTMLInputElement extends HTMLElement implements IHTMLInputElement {
-	public override readonly attributes: INamedNodeMap = new HTMLInputElementNamedNodeMap(this);
-
-	// Related to parent form.
-	public formAction = '';
-	public formMethod = '';
+	// Events
+	public oninput: (event: Event) => void | null = null;
+	public oninvalid: (event: Event) => void | null = null;
+	public onselectionchange: (event: Event) => void | null = null;
 
-	// Any type of input
+	// Internal properties
+	public override [PropertySymbol.attributes]: INamedNodeMap = new HTMLInputElementNamedNodeMap(
+		this
+	);
 	public [PropertySymbol.value] = null;
 	public [PropertySymbol.height] = 0;
 	public [PropertySymbol.width] = 0;
-
-	// Type specific: checkbox/radio
-	public defaultChecked = false;
+	public [PropertySymbol.defaultChecked] = false;
 	public [PropertySymbol.checked]: boolean | null = null;
+	public [PropertySymbol.validationMessage] = '';
+	public [PropertySymbol.validity] = new ValidityState(this);
+	public [PropertySymbol.files]: IFileList<File> = new FileList();
 
-	// Type specific: file
-	public files: IFileList<File> = new FileList();
-
-	// All fields
-	public readonly validationMessage = '';
-	public readonly validity = new ValidityState(this);
-
-	// Events
-	public oninput: (event: Event) => void | null = null;
-	public oninvalid: (event: Event) => void | null = null;
-	public onselectionchange: (event: Event) => void | null = null;
-
-	// Type specific: text/password/search/tel/url/week/month
+	// Private properties
 	#selectionStart: number = null;
 	#selectionEnd: number = null;
 	#selectionDirection: HTMLInputElementSelectionDirectionEnum =
 		HTMLInputElementSelectionDirectionEnum.none;
 
+	/**
+	 * Returns default checked.
+	 *
+	 * @returns Default checked.
+	 */
+	public get defaultChecked(): boolean {
+		return this[PropertySymbol.defaultChecked];
+	}
+
+	/**
+	 * Sets default checked.
+	 *
+	 * @param defaultChecked Default checked.
+	 */
+	public set defaultChecked(defaultChecked: boolean) {
+		this[PropertySymbol.defaultChecked] = defaultChecked;
+	}
+
+	/**
+	 * Returns files.
+	 *
+	 * @returns Files.
+	 */
+	public get files(): IFileList<File> {
+		return this[PropertySymbol.files];
+	}
+
+	/**
+	 * Sets files.
+	 *
+	 * @param files Files.
+	 */
+	public set files(files: IFileList<File>) {
+		this[PropertySymbol.files] = files;
+	}
+
+	/**
+	 * Returns form action.
+	 *
+	 * @returns URL.
+	 */
+	public get formAction(): string {
+		return (
+			this.getAttribute('formaction') ||
+			(<IHTMLFormElement>this[PropertySymbol.formNode])?.action ||
+			this[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].location.href
+		);
+	}
+
+	/**
+	 * Sets form action.
+	 *
+	 * @param url URL.
+	 */
+	public set formAction(url: string) {
+		try {
+			new URL(url);
+		} catch (error) {
+			return;
+		}
+		this.setAttribute('formaction', url);
+	}
+
+	/**
+	 * Returns form method.
+	 */
+	public get formMethod(): string {
+		return (
+			this.getAttribute('formmethod') ||
+			(<IHTMLFormElement>this[PropertySymbol.formNode])?.method ||
+			''
+		);
+	}
+
+	/**
+	 * Sets form method.
+	 *
+	 * @param method Method.
+	 */
+	public set formMethod(method: string) {
+		this.setAttribute('formmethod', method);
+	}
+
+	/**
+	 * Returns validation message.
+	 *
+	 * @returns Validation message.
+	 */
+	public get validationMessage(): string {
+		return this[PropertySymbol.validationMessage];
+	}
+
+	/**
+	 * Returns validity.
+	 *
+	 * @returns Validity.
+	 */
+	public get validity(): ValidityState {
+		return this[PropertySymbol.validity];
+	}
+
 	/**
 	 * Returns height.
 	 *
@@ -594,7 +687,9 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 				const attritube = this.getAttribute('value');
 				return attritube !== null ? attritube : 'on';
 			case 'file':
-				return this.files.length > 0 ? '/fake/path/' + this.files[0].name : '';
+				return this[PropertySymbol.files].length > 0
+					? '/fake/path/' + this[PropertySymbol.files][0].name
+					: '';
 		}
 
 		if (this[PropertySymbol.value] === null) {
@@ -631,7 +726,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 				}
 				break;
 			default:
-				const oldValue = this[PropertySymbol.value];
+				const oldValue = this.value;
 				this[PropertySymbol.value] = HTMLInputElementValueSanitizer.sanitize(this, value);
 
 				if (oldValue !== this[PropertySymbol.value]) {
@@ -970,7 +1065,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 	 * @param message Message.
 	 */
 	public setCustomValidity(message: string): void {
-		(<string>this.validationMessage) = String(message);
+		this[PropertySymbol.validationMessage] = String(message);
 	}
 
 	/**
@@ -1102,7 +1197,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 			this.type === 'hidden' ||
 			this.type === 'reset' ||
 			this.type === 'button' ||
-			this.validity.valid;
+			this[PropertySymbol.validity].valid;
 		if (!valid) {
 			this.dispatchEvent(new Event('invalid', { bubbles: true, cancelable: true }));
 		}
@@ -1156,8 +1251,8 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 		clone[PropertySymbol.value] = this[PropertySymbol.value];
 		clone[PropertySymbol.height] = this[PropertySymbol.height];
 		clone[PropertySymbol.width] = this[PropertySymbol.width];
-		clone.defaultChecked = this.defaultChecked;
-		clone.files = <FileList>this.files.slice();
+		clone[PropertySymbol.defaultChecked] = this[PropertySymbol.defaultChecked];
+		clone[PropertySymbol.files] = <FileList>this[PropertySymbol.files].slice();
 		clone.#selectionStart = this.#selectionStart;
 		clone.#selectionEnd = this.#selectionEnd;
 		clone.#selectionDirection = this.#selectionDirection;
@@ -1196,7 +1291,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 			(event.eventPhase === EventPhaseEnum.atTarget ||
 				event.eventPhase === EventPhaseEnum.bubbling) &&
 			event.type === 'click' &&
-			this.isConnected
+			this[PropertySymbol.isConnected]
 		) {
 			const inputType = this.type;
 			if (!this.readOnly || inputType === 'checkbox' || inputType === 'radio') {
@@ -1208,7 +1303,7 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 					if (form) {
 						form.requestSubmit();
 					}
-				} else if (inputType === 'reset' && this.isConnected) {
+				} else if (inputType === 'reset' && this[PropertySymbol.isConnected]) {
 					const form = <IHTMLFormElement>this[PropertySymbol.formNode];
 					if (form) {
 						form.reset();