Scoped custom element registries | Frontend Practical Guide

Browser support

Feature	Desktop				Mobile
Feature	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`CustomElementRegistry`	146	146		26	146	26
`initialize` The initialize() method of the CustomElementRegistry interface associates this registry with a DOM subtree, setting the Element.customElementRegistry of each inclusive descendant that doesn't already have one, and attempting to upgrade any custom elements found.	146	146		26	146	26
`customElementRegistry` The customElementRegistry read-only property of the Document interface returns the CustomElementRegistry object associated with this document, or null if one has not been set.	146	146	150	26	146	26
`customElementRegistry` The customElementRegistry read-only property of the Element interface returns the CustomElementRegistry object associated with this element, or null if one has not been set.	146	146	150	26	146	26
`shadowRootCustomElementRegistry` The shadowRootCustomElementRegistry property of the HTMLTemplateElement interface reflects the value of the shadowrootcustomelementregistry attribute of the associated element.	146	146		26	146	26
`customElementRegistry` The customElementRegistry read-only property of the ShadowRoot interface returns the CustomElementRegistry object associated with this shadow root, or null if one has not been set.	146	146	150	26	146	26

1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

new CustomElementRegistry()

Using Scoped custom element registries

The CustomElementRegistry() constructor creates a new CustomElementRegistry object for scoped usage.

Some APIs require a secure context (HTTPS) or user activation. Check the requirements before use.