How do I hide a DOM element inside a shadow root using Violentmonkey?

dmitrii_fediuk · August 21, 2024, 1:51pm

dmitrii_fediuk · August 21, 2024, 1:53pm

Step 1

Step 2

dmitrii-fediuk/vm/blob/2024-08-21-3/s/reddit.com.js#L67-L76


      
          // 2024-08-21
          // 1) "Hide the «Give award» button from Reddit topics": https://github.com/dmitrii-fediuk/vm/issues/43
          // 2.1) "How do I hide a DOM element inside a shadow root using Violentmonkey?" https://df.tips/t/2326
          // 2.2) https://stackoverflow.com/a/75518992
          // 2.3) https://stackoverflow.com/a/75571912
          // 2.4) https://github.com/violentmonkey/violentmonkey/issues/1852
          GM_addElement(document.querySelector('shreddit-post').shadowRoot, 'style', {textContent:
          	// language=CSS
          	`award-button {display: none !important}`
          });