Active Element Live Expression

live-exp-active-element.js

/**
  * This script recursively checks `shadowRoot`s and `contentDocument`s until the true `activeElement` is found.
  * 
  * HOW TO USE: Copy and paste this into your Chrome dev tools in the `Create live expression` input.
  */

(function(){function d(){var u=arguments[0]||document.activeElement;if(u.shadowRoot&&u.shadowRoot.activeElement){return d(u.shadowRoot.activeElement)}if(u.contentDocument&&u.contentDocument.activeElement){return d(u.contentDocument.activeElement)}return u}return d()})();

/**
  Unminified version:

  (function getActiveElement(el = document.activeElement) {
    if (el.shadowRoot && el.shadowRoot.activeElement) {
      return getActiveElement(el.shadowRoot.activeElement)
    }

    if (el.contentDocument && el.contentDocument.activeElement) {
      return getActiveElement(el.contentDocument.activeElement)
    }

    return el
  })()
*/