Flexable height for column responding to iframe height

[cvdw]

Hi,

I have to insert a booking tool in a page by an iframe. The iframe code is:

<iframe src="https://iframe.leisureking.eu/if/111094c5ecff108addf7996a0d171dce" scrolling="no" id="lkiframe" style="width:100%; border:0;"></iframe><script src="https://www.leisureking.eu/iframe/scale.js"></script>

Page: https://explorethecantharel.com/outdooractiviteiten/

The iframe is flexing in height by for example click on Meer info or Reserveren.

I placed the iframe in a RAW element en set the column to a base height of 100vh, flexbox on to child placement Row and vertical align to stretch.

Now it’s showing all content well until the iframe is streching by clicking Meer info or Reserveren. Now the column is not stretching with the iframe so some content disapear.

Is there a way to let the column stretch height with the iframe height?

Thx in advance,

Carel

[ruenel]

Hello Carel,

Thanks for writing in! I have inspected the page. The iframe and the column height is the same.
Please check the image below:

Be advised that we do not have any control over the contents of the iframe. You may need to consult the source of the iframe.

Best Regards.

[cvdw]

Hi,

But as you can see at my printscreen, when the iframe is expanding in height by clicking RESERVEREN for example, a part of the iframe is disapering behind the footer. How can we set the section/row/column to be flexible so growing with the iframe so al the iframe content stays visible…?

[ruenel]

Hello @cvdw,

The height of the column or row is always dependent on the elements inside it and in your case, it is the iframe. As soon as the iframe loads, the column height will be based on the height of the iframe. Regretfully the column cannot detect if the iframe expands or not because normally the iframe’s height is fixed thus do not expand. It is the contents of the iframe that expands. We highly recommend that you contact the creators of the iframe or the source of the iframe code. They should be able to give you a lot more information and a resolution of how your issue can be addressed.

Thank you for your undersanding.

[cvdw]

Okay, thank you! I will contact the creators of the iframe!

[ruenel]

You are most welcome.