title: GTM tag not firing even when both conditions are true
body: <p>I'm trying to get a GTM tag fired when the following two rules are true:
  <a href="https://i.stack.imgur.com/Pjx7s.png" rel="nofollow noreferrer">rules image</a></p>
  
  <p>The content of the custom js variable is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function () {
    setTimeout(function () {
      var thankyouMessage = document.querySelector("#newsletter-success").innerHTML === "Thank you for your subscription.";
      console.log('thankyouMessage', thankyouMessage);
      return thankyouMessage;
    }, 2000)
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Currently the tag is not fired.
  Whenever i remove the custom rule the tag gets fired, but when I add it I can see 'true' printed to my console, which means the custom rule runs correctly.
  I tried also using a different custom rule which doesn't involve 'setTimeout' and it worked. But I have to use the timeout because the event i try to catch does not happen immediately.</p>
  
  <p>How can I fire the tag correctly?</p>
  
  <p>Thanks.</p>