Problem
When my multistatebox element changes state, some of the surrounding sibling elements get pushed down the page, and the parent container grows in height. This isn’t happening once to accommodate any height differences; the growing height is adding each time the state is changed to a specific ID.
In my screen recording, you’ll see that everything appears fine while I navigate through the various states. But once I change to the “materials” state, the “contact” text in the left column gets pushed downwards. And as I toggle each states, “contact” gets pushed further each time.
Layout
As you can see in my screen recording, I have a 2-column layout. On the left, I have read-only page names and icons. On the right, I have a multistatebox element.
Any thoughts on why this is happening and how to resolve it?