Cannot navigate inside iframe

[thdoan]

I have encountered a new issue after successfully loading https://www.hackernews.com/ inside an iframe:

This prevents navigation inside this iframe, which makes the site unusable. How do you guys work around this?

[thdoan]

My theory is that in order to make this work, I'll need to move this code outside of the inline block and inside its own JS file:

        this.srcdoc = data.replace(/<\/head>/i, `<base href="${url}">
  <script>
  // X-Frame-Bypass navigation event handlers
  function onChatInABoxClick(e) {
    if (frameElement && document.activeElement && document.activeElement.href) {
      e.preventDefault();
      frameElement.load(document.activeElement.href);
    }
  }
  function onChatInABoxSubmit(e) {
    if (frameElement && document.activeElement && document.activeElement.form && document.activeElement.form.action) {
      e.preventDefault();
      if (document.activeElement.form.method === 'post') {
        frameElement.load(document.activeElement.form.action, {
          method: 'post',
          body: new FormData(document.activeElement.form),
        });
      } else {
        frameElement.load(document.activeElement.form.action + '?' + new URLSearchParams(new FormData(document.activeElement.form)));
      }
    }
  }
  document.addEventListener('click', onChatInABoxClick);
  document.addEventListener('submit', onChatInABoxSubmit);
  </script>
  </head>`);

[thdoan]

Okay, moving the navigation event handlers into its own script resolved two of the errors, but these two errors remain:

Any ideas on how to resolve these remaining errors?