Dynamic iframe form height

You can update iframe form height dynamic

1. Add the following code:

   window.addEventListener("message", (event) => {
     console.log(event.data.scrollHeight) // container height
     console.log(event.data.formContentHeight) // form height
   });

2. • scrollHeight which will return the height of the form

   • formContentHeight form content height form

3. You can then use the height value to update your iframe height attribute

   <iframe
     width="100%"
     height=scrollHeight
     title="BEEKAI Form"
     frameBorder="0"
     allowFullScreen
   ></iframe>