I am designing an app for aircraft sizing, and one of the features is a list box that allows you to add mission segments to the aircraft's mission profile. The expected layout (how it appears in the Design View) is shown below. After clicking the "Add" button in the "Mission Segments" panel, the "Mission Segment Editor" panel appears on the right. It has the same size and aligns with the the "Mission Segments" panel. And indeed this is exactly how it appears the first time I run the app after starting AppDesigner.
However, if I close the app and run it again, and for any subsequent run, it appears like this:
All the panels have moved or stretched! This only seems to happen after the first time I run the app, and I cannot come up with an explanation for why this is happening. I have no code that modifies the position of any components, so the positions should remain as set in the Design View.
I am attaching the app file in case you have a chance to look through it. Thanks!