happy-dom 8.8.0 → 9.0.0

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

@@ -1,10 +1,12 @@
 import IHTMLElement from '../html-element/IHTMLElement';
 import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
 import HTMLInputElementSelectionModeEnum from './HTMLInputElementSelectionModeEnum';
-import ValidityState from '../validity-state/ValidityState';
+import ValidityState from '../../validity-state/ValidityState';
 import Event from '../../event/Event';
 import File from '../../file/File';
 import IFileList from './IFileList';
+import INodeList from '../node/INodeList';
+import IHTMLLabelElement from '../html-label-element/IHTMLLabelElement';
 
 /**
  * HTML Input Element.
@@ -14,6 +16,7 @@ import IFileList from './IFileList';
  */
 export default interface IHTMLInputElement extends IHTMLElement {
 	readonly form: IHTMLFormElement;
+	readonly labels: INodeList<IHTMLLabelElement>;
 	formAction: string;
 	formMethod: string;
 	formNoValidate: boolean;
@@ -81,6 +84,22 @@ export default interface IHTMLInputElement extends IHTMLElement {
 	 */
 	setSelectionRange(start: number, end: number, direction: string): void;
 
+	/**
+	 * Set range text.
+	 *
+	 * @param replacement Replacement.
+	 * @param [start] Start.
+	 * @param [end] End.
+	 * @param [direction] Direction.
+	 * @param selectionMode
+	 */
+	setRangeText(
+		replacement: string,
+		start?: number,
+		end?: number,
+		selectionMode?: HTMLInputElementSelectionModeEnum
+	): void;
+
 	/**
 	 * Set range text.
 	 *

package/src/nodes/html-label-element/HTMLLabelElement.ts

@@ -16,7 +16,7 @@ export default class HTMLLabelElement extends HTMLElement implements IHTMLLabelE
 	 * @returns ID of the labeled control.
 	 */
 	public get htmlFor(): string {
-		const htmlFor = this.getAttributeNS(null, 'for');
+		const htmlFor = this.getAttribute('for');
 		if (htmlFor !== null) {
 			return htmlFor;
 		}
@@ -29,7 +29,7 @@ export default class HTMLLabelElement extends HTMLElement implements IHTMLLabelE
 	 * @param htmlFor ID of the labeled control.
 	 */
 	public set htmlFor(htmlFor: string) {
-		this.setAttributeNS(null, 'for', htmlFor);
+		this.setAttribute('for', htmlFor);
 	}
 
 	/**
@@ -56,11 +56,7 @@ export default class HTMLLabelElement extends HTMLElement implements IHTMLLabelE
 	 * @returns Form.
 	 */
 	public get form(): IHTMLFormElement {
-		let parent = <IHTMLElement>this.parentNode;
-		while (parent && parent.tagName !== 'FORM') {
-			parent = <IHTMLElement>parent.parentNode;
-		}
-		return <IHTMLFormElement>parent;
+		return <IHTMLFormElement>this._formNode;
 	}
 
 	/**

package/src/nodes/html-link-element/HTMLLinkElement.ts

@@ -1,6 +1,6 @@
 import IAttr from '../attr/IAttr';
 import CSSStyleSheet from '../../css/CSSStyleSheet';
-import ResourceFetchHandler from '../../fetch/ResourceFetchHandler';
+import ResourceFetch from '../../fetch/ResourceFetch';
 import HTMLElement from '../html-element/HTMLElement';
 import Document from '../document/Document';
 import IHTMLLinkElement from './IHTMLLinkElement';
@@ -41,7 +41,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @returns As.
 	 */
 	public get as(): string {
-		return this.getAttributeNS(null, 'as') || '';
+		return this.getAttribute('as') || '';
 	}
 
 	/**
@@ -50,7 +50,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param crossOrigin CrossOrigin.
 	 */
 	public set as(as: string) {
-		this.setAttributeNS(null, 'as', as);
+		this.setAttribute('as', as);
 	}
 
 	/**
@@ -68,7 +68,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param crossOrigin CrossOrigin.
 	 */
 	public set crossOrigin(crossOrigin: string) {
-		this.setAttributeNS(null, 'crossorigin', crossOrigin);
+		this.setAttribute('crossorigin', crossOrigin);
 	}
 
 	/**
@@ -77,7 +77,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @returns Href.
 	 */
 	public get href(): string {
-		return this.getAttributeNS(null, 'href') || '';
+		return this.getAttribute('href') || '';
 	}
 
 	/**
@@ -86,7 +86,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param href Href.
 	 */
 	public set href(href: string) {
-		this.setAttributeNS(null, 'href', href);
+		this.setAttribute('href', href);
 	}
 
 	/**
@@ -95,7 +95,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @returns Hreflang.
 	 */
 	public get hreflang(): string {
-		return this.getAttributeNS(null, 'hreflang') || '';
+		return this.getAttribute('hreflang') || '';
 	}
 
 	/**
@@ -104,7 +104,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param hreflang Hreflang.
 	 */
 	public set hreflang(hreflang: string) {
-		this.setAttributeNS(null, 'hreflang', hreflang);
+		this.setAttribute('hreflang', hreflang);
 	}
 
 	/**
@@ -113,7 +113,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @returns Media.
 	 */
 	public get media(): string {
-		return this.getAttributeNS(null, 'media') || '';
+		return this.getAttribute('media') || '';
 	}
 
 	/**
@@ -122,7 +122,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param media Media.
 	 */
 	public set media(media: string) {
-		this.setAttributeNS(null, 'media', media);
+		this.setAttribute('media', media);
 	}
 
 	/**
@@ -140,7 +140,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param referrerPolicy ReferrerPolicy.
 	 */
 	public set referrerPolicy(referrerPolicy: string) {
-		this.setAttributeNS(null, 'referrerPolicy', referrerPolicy);
+		this.setAttribute('referrerPolicy', referrerPolicy);
 	}
 
 	/**
@@ -149,7 +149,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @returns Rel.
 	 */
 	public get rel(): string {
-		return this.getAttributeNS(null, 'rel') || '';
+		return this.getAttribute('rel') || '';
 	}
 
 	/**
@@ -158,7 +158,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param rel Rel.
 	 */
 	public set rel(rel: string) {
-		this.setAttributeNS(null, 'rel', rel);
+		this.setAttribute('rel', rel);
 	}
 
 	/**
@@ -167,7 +167,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @returns Type.
 	 */
 	public get type(): string {
-		return this.getAttributeNS(null, 'type') || '';
+		return this.getAttribute('type') || '';
 	}
 
 	/**
@@ -176,7 +176,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 * @param type Type.
 	 */
 	public set type(type: string) {
-		this.setAttributeNS(null, 'type', type);
+		this.setAttribute('type', type);
 	}
 
 	/**
@@ -184,8 +184,8 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 	 */
 	public override setAttributeNode(attribute: IAttr): IAttr {
 		const replacedAttribute = super.setAttributeNode(attribute);
-		const rel = this.getAttributeNS(null, 'rel');
-		const href = this.getAttributeNS(null, 'href');
+		const rel = this.getAttribute('rel');
+		const href = this.getAttribute('href');
 
 		if (attribute.name === 'rel' && this._relList) {
 			this._relList._updateIndices();
@@ -200,7 +200,7 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 			!this.ownerDocument.defaultView.happyDOM.settings.disableCSSFileLoading
 		) {
 			(<Document>this.ownerDocument)._readyStateManager.startTask();
-			ResourceFetchHandler.fetch(this.ownerDocument, href)
+			ResourceFetch.fetch(this.ownerDocument, href)
 				.then((code) => {
 					const styleSheet = new CSSStyleSheet();
 					styleSheet.replaceSync(code);
@@ -262,12 +262,12 @@ export default class HTMLLinkElement extends HTMLElement implements IHTMLLinkEle
 			this._evaluateCSS &&
 			!this.ownerDocument.defaultView.happyDOM.settings.disableCSSFileLoading
 		) {
-			const href = this.getAttributeNS(null, 'href');
-			const rel = this.getAttributeNS(null, 'rel');
+			const href = this.getAttribute('href');
+			const rel = this.getAttribute('rel');
 
 			if (href !== null && rel && rel.toLowerCase() === 'stylesheet') {
 				(<Document>this.ownerDocument)._readyStateManager.startTask();
-				ResourceFetchHandler.fetch(this.ownerDocument, href)
+				ResourceFetch.fetch(this.ownerDocument, href)
 					.then((code) => {
 						const styleSheet = new CSSStyleSheet();
 						styleSheet.replaceSync(code);

package/src/nodes/html-media-element/HTMLMediaElement.ts

@@ -82,7 +82,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 * @returns Autoplay.
 	 */
 	public get autoplay(): boolean {
-		return this.getAttributeNS(null, 'autoplay') !== null;
+		return this.getAttribute('autoplay') !== null;
 	}
 
 	/**
@@ -92,9 +92,9 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 */
 	public set autoplay(autoplay: boolean) {
 		if (!autoplay) {
-			this.removeAttributeNS(null, 'autoplay');
+			this.removeAttribute('autoplay');
 		} else {
-			this.setAttributeNS(null, 'autoplay', '');
+			this.setAttribute('autoplay', '');
 		}
 	}
 
@@ -104,7 +104,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 * @returns Controls.
 	 */
 	public get controls(): boolean {
-		return this.getAttributeNS(null, 'controls') !== null;
+		return this.getAttribute('controls') !== null;
 	}
 
 	/**
@@ -114,9 +114,9 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 */
 	public set controls(controls: boolean) {
 		if (!controls) {
-			this.removeAttributeNS(null, 'controls');
+			this.removeAttribute('controls');
 		} else {
-			this.setAttributeNS(null, 'controls', '');
+			this.setAttribute('controls', '');
 		}
 	}
 
@@ -126,7 +126,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 * @returns Loop.
 	 */
 	public get loop(): boolean {
-		return this.getAttributeNS(null, 'loop') !== null;
+		return this.getAttribute('loop') !== null;
 	}
 
 	/**
@@ -136,9 +136,9 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 */
 	public set loop(loop: boolean) {
 		if (!loop) {
-			this.removeAttributeNS(null, 'loop');
+			this.removeAttribute('loop');
 		} else {
-			this.setAttributeNS(null, 'loop', '');
+			this.setAttribute('loop', '');
 		}
 	}
 	/**
@@ -152,7 +152,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 		}
 
 		if (!this.#defaultMuted) {
-			return this.getAttributeNS(null, 'muted') !== null;
+			return this.getAttribute('muted') !== null;
 		}
 
 		return false;
@@ -166,9 +166,9 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	public set muted(muted: boolean) {
 		this.#muted = !!muted;
 		if (!muted && !this.#defaultMuted) {
-			this.removeAttributeNS(null, 'muted');
+			this.removeAttribute('muted');
 		} else {
-			this.setAttributeNS(null, 'muted', '');
+			this.setAttribute('muted', '');
 		}
 	}
 
@@ -189,9 +189,9 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	public set defaultMuted(defaultMuted: boolean) {
 		this.#defaultMuted = !!defaultMuted;
 		if (!this.#defaultMuted && !this.#muted) {
-			this.removeAttributeNS(null, 'muted');
+			this.removeAttribute('muted');
 		} else {
-			this.setAttributeNS(null, 'muted', '');
+			this.setAttribute('muted', '');
 		}
 	}
 
@@ -201,7 +201,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 * @returns Src.
 	 */
 	public get src(): string {
-		return this.getAttributeNS(null, 'src') || '';
+		return this.getAttribute('src') || '';
 	}
 
 	/**
@@ -210,7 +210,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 * @param src Src.
 	 */
 	public set src(src: string) {
-		this.setAttributeNS(null, 'src', src);
+		this.setAttribute('src', src);
 		if (Boolean(src)) {
 			this.dispatchEvent(new Event('canplay', { bubbles: false, cancelable: false }));
 			this.dispatchEvent(new Event('durationchange', { bubbles: false, cancelable: false }));
@@ -264,7 +264,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 * @returns CrossOrigin.
 	 */
 	public get crossOrigin(): string {
-		return this.getAttributeNS(null, 'crossorigin');
+		return this.getAttribute('crossorigin');
 	}
 
 	/**
@@ -278,9 +278,9 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 		}
 
 		if (['', 'use-credentials', 'anonymous'].includes(crossOrigin)) {
-			this.setAttributeNS(null, 'crossorigin', crossOrigin);
+			this.setAttribute('crossorigin', crossOrigin);
 		} else {
-			this.setAttributeNS(null, 'crossorigin', 'anonymous');
+			this.setAttribute('crossorigin', 'anonymous');
 		}
 	}
 
@@ -380,7 +380,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 * @returns preload.
 	 */
 	public get preload(): string {
-		return this.getAttributeNS(null, 'preload') || 'auto';
+		return this.getAttribute('preload') || 'auto';
 	}
 
 	/**
@@ -389,7 +389,7 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	 * @param preload preload.
 	 */
 	public set preload(preload: string) {
-		this.setAttributeNS(null, 'preload', preload);
+		this.setAttribute('preload', preload);
 	}
 
 	/**

package/src/nodes/html-meta-element/HTMLMetaElement.ts

@@ -14,7 +14,7 @@ export default class HTMLMetaElement extends HTMLElement implements IHTMLMetaEle
 	 * @returns Content.
 	 */
 	public get content(): string {
-		return this.getAttributeNS(null, 'content') || '';
+		return this.getAttribute('content') || '';
 	}
 
 	/**
@@ -23,7 +23,7 @@ export default class HTMLMetaElement extends HTMLElement implements IHTMLMetaEle
 	 * @param content Content.
 	 */
 	public set content(content: string) {
-		this.setAttributeNS(null, 'content', content);
+		this.setAttribute('content', content);
 	}
 
 	/**
@@ -32,7 +32,7 @@ export default class HTMLMetaElement extends HTMLElement implements IHTMLMetaEle
 	 * @returns HttpEquiv.
 	 */
 	public get httpEquiv(): string {
-		return this.getAttributeNS(null, 'http-equiv') || '';
+		return this.getAttribute('http-equiv') || '';
 	}
 
 	/**
@@ -41,7 +41,7 @@ export default class HTMLMetaElement extends HTMLElement implements IHTMLMetaEle
 	 * @param httpEquiv HttpEquiv.
 	 */
 	public set httpEquiv(httpEquiv: string) {
-		this.setAttributeNS(null, 'http-equiv', httpEquiv);
+		this.setAttribute('http-equiv', httpEquiv);
 	}
 
 	/**
@@ -50,7 +50,7 @@ export default class HTMLMetaElement extends HTMLElement implements IHTMLMetaEle
 	 * @returns Name.
 	 */
 	public get name(): string {
-		return this.getAttributeNS(null, 'name') || '';
+		return this.getAttribute('name') || '';
 	}
 
 	/**
@@ -59,7 +59,7 @@ export default class HTMLMetaElement extends HTMLElement implements IHTMLMetaEle
 	 * @param name Name.
 	 */
 	public set name(name: string) {
-		this.setAttributeNS(null, 'name', name);
+		this.setAttribute('name', name);
 	}
 	/**
 	 * Returns scheme.
@@ -67,7 +67,7 @@ export default class HTMLMetaElement extends HTMLElement implements IHTMLMetaEle
 	 * @returns Name.
 	 */
 	public get scheme(): string {
-		return this.getAttributeNS(null, 'scheme') || '';
+		return this.getAttribute('scheme') || '';
 	}
 
 	/**
@@ -76,6 +76,6 @@ export default class HTMLMetaElement extends HTMLElement implements IHTMLMetaEle
 	 * @param scheme Scheme.
 	 */
 	public set scheme(scheme: string) {
-		this.setAttributeNS(null, 'scheme', scheme);
+		this.setAttribute('scheme', scheme);
 	}
 }

package/src/nodes/html-opt-group-element/HTMLOptGroupElement.ts

@@ -14,7 +14,7 @@ export default class HTMLOptGroupElement extends HTMLElement implements IHTMLOpt
 	 * @returns Label.
 	 */
 	public get label(): string {
-		return this.getAttributeNS(null, 'label') || '';
+		return this.getAttribute('label') || '';
 	}
 
 	/**
@@ -24,9 +24,9 @@ export default class HTMLOptGroupElement extends HTMLElement implements IHTMLOpt
 	 */
 	public set label(label: string) {
 		if (!label) {
-			this.removeAttributeNS(null, 'label');
+			this.removeAttribute('label');
 		} else {
-			this.setAttributeNS(null, 'label', label);
+			this.setAttribute('label', label);
 		}
 	}
 
@@ -36,7 +36,7 @@ export default class HTMLOptGroupElement extends HTMLElement implements IHTMLOpt
 	 * @returns Disabled.
 	 */
 	public get disabled(): boolean {
-		return this.getAttributeNS(null, 'disabled') !== null;
+		return this.getAttribute('disabled') !== null;
 	}
 
 	/**
@@ -46,9 +46,9 @@ export default class HTMLOptGroupElement extends HTMLElement implements IHTMLOpt
 	 */
 	public set disabled(disabled: boolean) {
 		if (!disabled) {
-			this.removeAttributeNS(null, 'disabled');
+			this.removeAttribute('disabled');
 		} else {
-			this.setAttributeNS(null, 'disabled', '');
+			this.setAttribute('disabled', '');
 		}
 	}
 }

package/src/nodes/html-option-element/HTMLOptionElement.ts

@@ -1,8 +1,8 @@
 import IAttr from '../attr/IAttr';
 import HTMLElement from '../html-element/HTMLElement';
-import IHTMLElement from '../html-element/IHTMLElement';
 import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
 import HTMLSelectElement from '../html-select-element/HTMLSelectElement';
+import INode from '../node/INode';
 import IHTMLOptionElement from './IHTMLOptionElement';
 
 /**
@@ -49,11 +49,7 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 	 * @returns Form.
 	 */
 	public get form(): IHTMLFormElement {
-		let parent = <IHTMLElement>this.parentNode;
-		while (parent && parent.tagName !== 'FORM') {
-			parent = <IHTMLElement>parent.parentNode;
-		}
-		return <IHTMLFormElement>parent;
+		return <IHTMLFormElement>this._formNode;
 	}
 
 	/**
@@ -71,13 +67,13 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 	 * @param selected Selected.
 	 */
 	public set selected(selected: boolean) {
-		const selectElement = this._getSelectElement();
+		const selectNode = <HTMLSelectElement>this._selectNode;
 
 		this._dirtyness = true;
 		this._selectedness = Boolean(selected);
 
-		if (selectElement) {
-			selectElement._resetOptionSelectednes(this._selectedness ? this : null);
+		if (selectNode) {
+			selectNode._updateOptionItems(this._selectedness ? this : null);
 		}
 	}
 
@@ -87,7 +83,7 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 	 * @returns Disabled.
 	 */
 	public get disabled(): boolean {
-		return this.getAttributeNS(null, 'disabled') !== null;
+		return this.getAttribute('disabled') !== null;
 	}
 
 	/**
@@ -97,9 +93,9 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 	 */
 	public set disabled(disabled: boolean) {
 		if (!disabled) {
-			this.removeAttributeNS(null, 'disabled');
+			this.removeAttribute('disabled');
 		} else {
-			this.setAttributeNS(null, 'disabled', '');
+			this.setAttribute('disabled', '');
 		}
 	}
 
@@ -109,7 +105,7 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 	 * @returns Value.
 	 */
 	public get value(): string {
-		return this.getAttributeNS(null, 'value') || this.textContent;
+		return this.getAttribute('value') || this.textContent;
 	}
 
 	/**
@@ -118,7 +114,7 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 	 * @param value Value.
 	 */
 	public set value(value: string) {
-		this.setAttributeNS(null, 'value', value);
+		this.setAttribute('value', value);
 	}
 
 	/**
@@ -132,12 +128,12 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 			attribute.name === 'selected' &&
 			replacedAttribute?.value !== attribute.value
 		) {
-			const selectElement = this._getSelectElement();
+			const selectNode = <HTMLSelectElement>this._selectNode;
 
 			this._selectedness = true;
 
-			if (selectElement) {
-				selectElement._resetOptionSelectednes(this);
+			if (selectNode) {
+				selectNode._updateOptionItems(this);
 			}
 		}
 
@@ -151,12 +147,12 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 		super.removeAttributeNode(attribute);
 
 		if (!this._dirtyness && attribute.name === 'selected') {
-			const selectElement = this._getSelectElement();
+			const selectNode = <HTMLSelectElement>this._selectNode;
 
 			this._selectedness = false;
 
-			if (selectElement) {
-				selectElement._resetOptionSelectednes();
+			if (selectNode) {
+				selectNode._updateOptionItems();
 			}
 		}
 
@@ -164,17 +160,20 @@ export default class HTMLOptionElement extends HTMLElement implements IHTMLOptio
 	}
 
 	/**
-	 * Returns select element.
-	 *
-	 * @returns Select element.
+	 * @override
 	 */
-	private _getSelectElement(): HTMLSelectElement {
-		const parentNode = <HTMLSelectElement>this.parentNode;
-		if (parentNode?.tagName === 'SELECT') {
-			return <HTMLSelectElement>parentNode;
-		}
-		if ((<HTMLSelectElement>parentNode?.parentNode)?.tagName === 'SELECT') {
-			return <HTMLSelectElement>parentNode.parentNode;
+	public override _connectToNode(parentNode: INode = null): void {
+		const oldSelectNode = <HTMLSelectElement>this._selectNode;
+
+		super._connectToNode(parentNode);
+
+		if (oldSelectNode !== this._selectNode) {
+			if (oldSelectNode) {
+				oldSelectNode._updateOptionItems();
+			}
+			if (this._selectNode) {
+				(<HTMLSelectElement>this._selectNode)._updateOptionItems();
+			}
 		}
 	}
 }