Remove the Signup Modal from Twitter.com when not signed in

content.js

// Let you browse Twitter while logged out without being annoyed
// by the scroll-blocking sign up dialog, or the bright blue sign up bottom banner

// We have to observe the entire document for mutations because it's a React app
// Each time a change is detected, we find any of the matching elements to remove/fix
const observer = new MutationObserver(() => {
  // Remove blue signUp bar at bottom
  const signUpBar = document.querySelector("[data-testid='BottomBar']");
  if (signUpBar) signUpBar.remove()

  // Find element that contains this text via xpath
  const overlayHeaderSpan = document.evaluate('//*[contains(text(), "See more Tweets from")]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE).snapshotItem(0) ||
    document.evaluate('//*[contains(text(), "See what’s happening")]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE).snapshotItem(0);
  if (overlayHeaderSpan) {
    // Get parent dialog and remove it
    const dialog = overlayHeaderSpan.closest("[role='dialog']")
    dialog.remove();
    // Reset overflow scroll back to normal
    document.body.parentElement.style.overflowY = "scroll"
    console.log("REMOVED ANNOYING BANNER, SCROLL RESTORED")
  }
});

observer.observe(document.body.parentElement, { subtree: true, childList: true });