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!

This topic was automatically closed after 70 days. New replies are no longer allowed.