Create a symbol with a browser control, and add text controls at the top and bottom, like header/footer.
Add an instance of the symbol to a mockup.
Now at the bottom of the instance, pull it down to increase the vertical size.
Of course this is resizing the symbol, not the browser container that’s “fixed” onto the symbol. So all of the labels in the symbol expand within the control in a relative resizing. The header text pulls away from the top of the browser position, when the intent was to resize the browser control.
What if I just want the footer label to pull down with the bottom of the browser? Makes sense, no? This is all about a difference between absolute and relative positioning, and synchronization of controls within a container.
I’m hoping that we can select individual controls within a symbol group and adjust their x,y or width,height in a single operation, without affecting others. I understand the challenges here - how will it know what operation we want to perform? Hey, that’s your problem. Seriously though, this comes back to other notes I just posted about making broad changes. In this case I’m talking about only changing the height of the browser control as a customization on the symbol instance, and then changing the y location of other selected (ungrouped) controls within that instance.
And in general this is just another variation of a theme - the ability to make a number of property changes to controls within a symbol instance, without permanently ungrouping or disconnecting from the base symbol definition. Per another note I posted today, if the symbol is updated, none of these instance-specific properties should change. Though of course there should be a way to change all instances, and then (ideally) let us know if something breaks in the process. In this case, resizing the height of the browser in the symbol is contrary to the specific property setting in an instance in a mockup - we should be informed when that happens.