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.buttonType) // clicked button text
   });

2. • scrollHeight which will return the height of the 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>