Docs for shadow root serializable property (everywhere)

[hamishwillee]

This adds docs for

• Element.attachShadow() parameter options.serializable which sets whether or shadow root is serializable.
• <template> attribute shadowrootserializable which sets whether or shadow root is serializable if it is created declaratively
• Updates to Element.getHTML() and ShadowRoot.getHTML() to ShadowRoot.serializable.
• ShadowRoot.serializable - explains what it is for and how it is set with cross links to getHTML()
• HTMLTemplateElement - added shadowRootSerializable property, but is mostly an FYI.

Note, minimal examples - might add as a post process since there are multiple PRs in play covering similar material.

Parallel work going on in #33325

Related to work for #32731

[github-actions]

Preview URLs (9 pages)

• /en-US/docs/Web/API/Element/attachShadow
• /en-US/docs/Web/API/Element/getHTML
• /en-US/docs/Web/API/Element/innerHTML
• /en-US/docs/Web/API/HTMLTemplateElement/shadowRootSerializable
• /en-US/docs/Web/API/HTMLTemplateElement
• /en-US/docs/Web/API/ShadowRoot/getHTML
• /en-US/docs/Web/API/ShadowRoot/serializable
• /en-US/docs/Web/API/ShadowRoot
• /en-US/docs/Web/HTML/Element/template

Flaws (11)

Note! 5 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/ShadowRoot
Title: ShadowRoot
Flaw count: 3

• macros:
  • /en-US/docs/Web/API/ShadowRoot/getSelection does not exist
  • /en-US/docs/Web/API/ShadowRoot/elementFromPoint does not exist
  • /en-US/docs/Web/API/ShadowRoot/elementsFromPoint does not exist

---

URL: /en-US/docs/Web/API/ShadowRoot/getHTML
Title: ShadowRoot: getHTML() method
Flaw count: 2

• macros:
  • /en-US/docs/Web/API/ShadowRoot/setHTMLUnsafe does not exist
  • /en-US/docs/Web/API/Element/setHTMLUnsafe does not exist

---

URL: /en-US/docs/Web/API/Element/getHTML
Title: Element: getHTML() method
Flaw count: 2

• macros:
  • /en-US/docs/Web/API/Element/setHTMLUnsafe does not exist
  • /en-US/docs/Web/API/ShadowRoot/setHTMLUnsafe does not exist

---

URL: /en-US/docs/Web/API/Element/innerHTML
Title: Element: innerHTML property
Flaw count: 4

• macros:
  • /en-US/docs/Web/API/Element/setHTMLUnsafe does not exist
  • /en-US/docs/Web/API/ShadowRoot/setHTMLUnsafe does not exist
  • /en-US/docs/Web/API/Element/setHTMLUnsafe does not exist
  • /en-US/docs/Web/API/ShadowRoot/setHTMLUnsafe does not exist

External URLs (2)

URL: /en-US/docs/Web/API/Element/innerHTML
Title: Element: innerHTML property

• https://en.wikipedia.org/wiki/Cross-site_scripting (1 time) (Note! This may be a new URL 👀)
• https://www.w3.org/TR/2008/WD-html5-20080610/dom.html (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2024-05-17 09:11:02)

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[github-actions]

[mdn-linter] _{reported by reviewdog 🐶}

Suggested change

	- {{domxref("Element.setHTMLUnsafe()")}}
	- {{domxref("Element.setHTMLUnsafe()")}}

[hamishwillee]

@sideshowbarker Could I please get a review on this. It should be accurate and useful.

I may do follow on examples, but those mostly below in getHTML() and setHTMLUnsafe() - one of which is still being written.