Iframe not working when offscreen or hidden

Hi, can I ask some help please, it’s been 1 week I’ve battling to solve this issue.

I am using this multistep form, but in step 3 social info I add Iframe but unfortunately it did not show only black screen here is my CodePen, if you directly paste to browser the src the content is working.

Thank you in advance.

What if you just hide it off screen instead.

e.g.

    .form-container:nth-child(3){
    display:block!important;
    position:absolute;
    left:-200vw;
  }
  .form-container.active:nth-child(3){
    left:auto;
    position:relative;
  }
1 Like

Thank you so much Paul :slight_smile:

1 Like