title: Google Tag Manager Element Visibility CSS Selector Not firing
body: <p>I am trying to get a Tag to fire on specific steps within an api, which means I cannot use the url (it is the same throughout the checkout process). </p>
  
  <p>I have found parts of the code that are different in each step and was going to fire the tag when both the specific element appears on the page and when I click the "Continue" Button. The continue button fires fine by itself, but I can't get the Element Visibility trigger to fire the tag by itself. I will group them together when finished.</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-html lang-html prettyprint-override"><code>&lt;textarea class="florist-one-flower-delivery-card-message" id="florist-one-flower-delivery-card-message" name="florist-one-flower-delivery-card-message"&gt;&lt;/textarea&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The trigger is currently:</p>
  
  <pre><code>Trigger Type: "Element Visibility"
  Selection Method: "CSS Selector"
  Element Selector: ".florist-one-flower-delivery-card-message"
  </code></pre>
  
  <p>I have also tried setting the selection method to ID and using the same selector without the "." at the beginning.</p>
  
  <p>Thanks for any help!</p>