Gestion des iframes

Vu la façon dont Quanta gère la possible présence d’iframes dans une page, un point important est à prendre en compte dans ce cas de figure précis. Si des iframes sont présentes et que nous souhaitons manipuler des sélecteurs CSS, il est nécessaire de choisir des selecteurs CSS qui sont soit à l'intérieur d'une iframe, soit à l'extérieur, mais PAS des selecteurs qui "traversent" les 2 contextes, ce qui ne fonctionnera pas.

Voici un exemple explicatif, imaginons que le code HTML est architecturé comme ceci :

<div class="main">
  <form id="my-form"></form>
  <iframe>
    <div class="frame-content">
      <form id="my-form">
      </form>
    </div>
  </iframe>
</div>

.main iframe

✅ ⇒ renvoie bien l'iframe

#my-form

✅ ⇒ renvoie le 1er my-form (celui qui n'est pas dans l'iframe)

.main iframe .frame-content

❌ ⇒ ne fonctionne pas, car .frame-content appartient au document de l'iframe

.frame-content #my-form

✅ ⇒renvoie bien le form qui se trouve à l'intérieur de l'iframe cette fois-ci

iframe #my-form

❌ ⇒ ne fonctionne pas car #my-form est déja dans le document de l'iframe.