Контейнер VGroup (parent) не меняет высоту, когда дети изменяют свою высоту?

Question

У меня есть код, подобный следующему:

<s:VGroup gap="10" id="group" height="100%">        
        <s:Label text="This is page 2" />

        <s:Button content="Resize Canvas" click="resize(event);"/>

        <mx:Canvas id="photoCanvas" color="#567898" backgroundColor="#125567">

        </mx:Canvas>                    
</s:VGroup>

Я не понимаю, почему не работает следующее:

нажатие на кнопку изменяет высоту фото-канвы (становится выше или меньше). Поскольку элемент управления photoCanvas является дочерним элементом VGroup, не должен ли контейнер обновляться до новой высоты?

Vgroup ВСЕГДА имеет одинаковый рост, независимо от того, какой (общий) рост у детей!

Я бы хотел, чтобы VGroup настроилась сама и получила значение высоты, равное сумме дочерних высот.

Разве это невозможно?

Answer 1

VGroup уже на 100%, он не может быть больше ... Если вы хотите, чтобы он изменил размеры своих дочерних элементов, не устанавливайте высоту / ширину в VGroup.