title: Bootstrap Accordion Throws TypeError: Illegal invocation
body: <p>I have an accordion written like this</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;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"&gt;
          &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div id="editTournamentAccordionWrapper" class="accordion accordion-flush"&gt;
          &lt;div class="accordion-item"&gt;
              &lt;h2 class="accordion-header" id="editTournamentAccordionHeading"&gt;
                  &lt;button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#editTournamentAccordion" aria-expanded="false" aria-controls="editTournamentAccordion"&gt;
                      Card title
                  &lt;/button&gt;
              &lt;/h2&gt;
              &lt;div id="editTournamentAccordion" class="accordion-collapse collapse" aria-labelledby="editTournamentAccordionHeading" data-bs-parent="editTournamentAccordionWrapper"&gt;
                  &lt;div class="accordion-body"&gt;
                      &lt;iframe class="w-100" style="height: 1024px;" src="www.example.com"&gt;&lt;/iframe&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>When i click the first time on the Accordion header, the accordion won't open and the following exception will be threw</p>
  <blockquote>
  <p>Uncaught TypeError: 'querySelectorAll' called on an object that does not implement interface Element. selector-engine.js:18:59</p>
  </blockquote>
  <p>Any idea of the reason? As far as I noticed, this is the minimum code I had to wrote in order to make the bug present</p>