| /** | |
| * Example usage: | |
| * const hotspots = findAllDeep(element, `[slot*="hotspot"]`, 10); | |
| */ | |
| const findAllDeep = (parent, selectors, depth = null) => { | |
| let nodes = new Set(); | |
| let currentDepth = 1; | |
| const recordResult = (nodesArray) => { | |
| for (const node of nodesArray) { | |
| nodes.add(node) |
There is a huge practical problem with web components spec v1:
In certain cases connectedCallback is being called when the element's child nodes are not yet available.
This makes web components dysfunctional in those cases where they rely on their children for setup.
See WICG/webcomponents#551 for reference.
To solve this, we have created a HTMLBaseElement class in our team which serves as the new class to extend autonomous custom elements from.
| /** | |
| * Get the current active element safely. | |
| * Ref: https://github.com/jquery/jquery-ui/blob/2b84531ae9331f60e4d739fabca6d78abde89ae1/ui/safe-active-element.js | |
| */ | |
| function safeActiveElement(doc) { | |
| doc = doc || document; | |
| var activeElement; | |
| // Support: IE 9 only | |
| // IE9 throws an "Unspecified error" accessing document.activeElement from an <iframe> |
