Création & Lancement d'une modal JS

Bonjour,

Sur une page web, j'ai un bouton <button ...> qui ouvre une popup modal CSS dans laquelle s'affiche une application SaaS.
Il y a également un appel JS pour ouvrir ou fermer la popup modal.

L'application SaaS est chargée dès que la page est affichée, sans même que l'on ait besoin de cliquer sur le bouton.
Cela me pose un problème car ça fausse mes données.

Je souhaite donc que la popup modal ne soit "créée" que lorsque l'on clique sur le bouton; genre onclick -> document.write la modal...

La hauteur de la popup modal est dynamique et s'adapte en fonction du contenu. Je souhaite que cela soit toujours le cas après.

Je peux donner accès aux éléments pour étudier le projet si besoin.

Bien à vous