Finds all elements on the page, including those within shadow dom — iterator version

findall_elements_deep.js

/**
 * Inspired by ebidel@ (https://gist.github.com/ebidel/1b418134837a7dde7d76ed36288c1d16)
 * @author surma@ 
 * License Apache-2.0
 */

function* collectAllElementsDeep(selector = '*', root = document.all) {
  for (const el of root) {
    if (!el.matches(selector))
      continue;
    
    yield el;

    // If the element has a shadow root, dig deeper.
    if (el.shadowRoot)
      yield* collectAllElementsDeep(selector, el.shadowRoot.querySelectorAll('*'));
  }
}

That’s just as valid. The current behavior is an intended choice by me, but as you say, can easily be changed :D