Adjusting group height based on dynamic iframe/html element

Hello Bubble Community!

I’m working on a project where I’ve embedded a Tally form inside a HTML element in Bubble, which is then placed inside a group. The Tally form has 3 pages, each with a different height, and the form’s height changes dynamically as users navigate between pages.

Here’s the challenge:

  • Since the form’s height changes dynamically, I need to adjust the height of the group to match the height of the form.
  • The form is embedded inside an HTML element, which is inside a group, and I’m not sure how to dynamically update the group’s height based on the changing height of the iframe (Tally form) inside it.

Has anyone faced a similar issue with adjusting the height of a group based on an iframe or HTML element inside it? If so, how did you handle it?

Any insights or solutions would be greatly appreciated! Thanks in advance!