Customize the parsing of the content of title elements instead its serialization

Author: PolariTOON

cjs/html/title-element.js

@@ -1,17 +1,22 @@
 'use strict';
 const {registerHTMLClass} = require('../shared/register-html-class.js');
+const {escapeHtmlTextContent} = require('../shared/text-escaper.js');
+const {ignoreCase} = require('../shared/utils.js');
 
-const {TextElement} = require('./text-element.js');
+const {HTMLElement} = require('./element.js');
 
 const tagName = 'title';
 
 /**
  * @implements globalThis.HTMLTitleElement
  */
-class HTMLTitleElement extends TextElement {
+class HTMLTitleElement extends HTMLElement {
   constructor(ownerDocument, localName = tagName) {
     super(ownerDocument, localName);
   }
+
+  get innerHTML() { return super.innerHTML; }
+  set innerHTML(html) { super.innerHTML = ignoreCase(this) ? escapeHtmlTextContent(html) : html; }
 }
 
 registerHTMLClass(tagName, HTMLTitleElement);

esm/html/title-element.js

@@ -1,16 +1,21 @@
 import {registerHTMLClass} from '../shared/register-html-class.js';
+import {escapeHtmlTextContent} from '../shared/text-escaper.js';
+import {ignoreCase} from '../shared/utils.js';
 
-import {TextElement} from './text-element.js';
+import {HTMLElement} from './element.js';
 
 const tagName = 'title';
 
 /**
  * @implements globalThis.HTMLTitleElement
  */
-class HTMLTitleElement extends TextElement {
+class HTMLTitleElement extends HTMLElement {
   constructor(ownerDocument, localName = tagName) {
     super(ownerDocument, localName);
   }
+
+  get innerHTML() { return super.innerHTML; }
+  set innerHTML(html) { super.innerHTML = ignoreCase(this) ? escapeHtmlTextContent(html) : html; }
 }
 
 registerHTMLClass(tagName, HTMLTitleElement);

types/esm/html/title-element.d.ts

@@ -1,6 +1,6 @@
 /**
  * @implements globalThis.HTMLTitleElement
  */
-export class HTMLTitleElement extends TextElement implements globalThis.HTMLTitleElement {
+export class HTMLTitleElement extends HTMLElement implements globalThis.HTMLTitleElement {
 }
-import { TextElement } from './text-element.js';
+import { HTMLElement } from './element.js';

worker.js

@@ -11405,10 +11405,13 @@ const tagName$9 = 'title';
 /**
  * @implements globalThis.HTMLTitleElement
  */
-class HTMLTitleElement extends TextElement {
+class HTMLTitleElement extends HTMLElement {
   constructor(ownerDocument, localName = tagName$9) {
     super(ownerDocument, localName);
   }
+
+  get innerHTML() { return super.innerHTML; }
+  set innerHTML(html) { super.innerHTML = ignoreCase(this) ? escapeHtmlTextContent(html) : html; }
 }
 
 registerHTMLClass(tagName$9, HTMLTitleElement);