Greasy Fork is available in English.

Open Source Shadow DOM

Ensure all Shadow DOM nodes are open. Includes workarounds for broken functionality due to Shadow DOM restriction. Intented for research use.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

// ==UserScript==
// @name         Open Source Shadow DOM
// @namespace    https://greasyfork.org/en/users/85671-jcunews
// @version      1.1.4
// @license      AGPLv3
// @author       jcunews
// @description  Ensure all Shadow DOM nodes are open. Includes workarounds for broken functionality due to Shadow DOM restriction. Intented for research use.
// @match        *://*/*
// @exclude      https://challenges.cloudflare.com/*
// @grant        none
// @inject-into  page
// @run-at       document-start
// ==/UserScript==

(d => {
  //fix document.activeElement not able to get element in Shadow DOM
  var dac = (d = Object.getOwnPropertyDescriptor(Document.prototype, "activeElement")).get;
  d.get = function() {
    var p = dac.call(this), n;
    while (n = p.shadowRoot?.activeElement) p = n;
    return p
  };
  Object.defineProperty(Document.prototype, "activeElement", d);

  //make sure Shadow DOMs are open
  var as = Element.prototype.attachShadow;
  Element.prototype.attachShadow = function(opts) {
    if (!window._cf_chl_opt && !document.querySelector('script[src^="https://challenges.cloudflare.com/"]')) {
      var o = {}, m = opts?.mode, r;
      Array.from(Object.entries(opts)).forEach(a => o[a[0]] = a[1]);
      o.mode = "open";
      opts = o;
      r = as.apply(this, arguments);
      if (m === "closed") {
        Object.defineProperty(r, "realMode", {value: "open"});
        Object.defineProperty(r, "mode", {
          get: () => "closed",
          set: v => v
        })
      }
    } else r = as.apply(this, arguments);
    return r
  };

  //fix event not dispatching if it came from element in Shadow DOM
  var dael = Document.addEventListener;
  Document.addEventListener = function(typ, fn) {
    function f(e) {
      if (e.shadowRoot) {
        e.shadowRoot.addEventListener.apply(e.shadowRoot, arguments);
        e.shadowRoot.querySelectorAll('*').forEach(f)
      }
    }
    document.querySelectorAll('body,body *').forEach(f);
    return dael.apply(this, arguments)
  };
})()