Embedded form in iframe keeps disappearing

[Glyph]

I am pulling my hair out trying to troubleshoot an iframe issue. I have an embedded iframe in a blank page in Lay theme. The contents of the iframe is for a signup form, which sends the submission to a CRM (I have to use the iframe to do it). In Safari the iframe and form load fine. In Chrome, the iframe/form flashes on, then disappears.

I have no clue what is causing this issue. I have tested on other machines and the behaviour is the same.

Has anyone ever come across this strange bug with iframes in Lay theme? The code is below (with private details removed):

<iframe
  src="https://theurl.com/widget/form/WUISI7LNR"
  style="width:100%;height:100%;border:none;border-radius:0px"
  id="inline-WUISI7LNR" 
  data-layout="{'id':'INLINE'}"
  data-trigger-type="alwaysShow"
  data-trigger-value=""
  data-activation-type="alwaysActivated"
  data-activation-value=""
  data-deactivation-type="neverDeactivate"
  data-deactivation-value=""
  data-form-name="Website Enquiry"
  data-height="400"
  data-layout-iframe-id="inline-WUISI7LNR"
  data-form-id="WUISI7LNR"
  title="Website Enquiry"
      >
</iframe>
<script src="https://theurl.com/js/form_embed.js"></script>

[arminunruh]

seems like the issue was you needed to set a different height for your iframe no?

like <iframe style="height: 500px;" …