Profile/backstory iframe height issue when switching between different tabs in coded profile

For VIP users, if a backstory is coded with multiple tabs that have different heights (switchable with display: block and display: none), they have an odd effect on the height of the iframe containing the backstory code.

The height of the iframe will remain at the height of the longest tab. If a shorter tab is switched to, there will be a gap left at the bottom. Upon clicking the gap, this height slowly decreases in small increments until it reaches the height of the new tab. Specifically, this code changes:

<iframe id="profileTextIFrameContainer" style="width: 100%; overflow: hidden; height: 1487px;" src="/user/profile/hesta-eisenhart/background-history-no-layout" scrolling="no"></iframe>

The bit that says height: 1487px visibly changes in inspect upon clicking the blank area.

I am good at coding and am of the opinion that this is a site issue rather than an issue with my own personal code. Please can this be looked into and fixed so that the height moves automatically with the tab length?