The VBox Flex container allows you to stack objects vertically. If your VBox can have an unknown number of children and your app is not a fixed height, a weird behavior can occur where the VBox height expands beyond the height of it’s parent. This usually causes scroll-bars to appear in unexpected places and possibly messes up your application layout. Fixing this can be a nightmare of chasing down parent containers and trying to control their clipping.
Fortunately there’s a simple solution . Just set minHeight=”0″ and it will tell the component to not expand beyond the height of it’s Parent. This works for any container with a vertical layout as well including Panels
There’s additionally an autoLayout property which can be set to false, however I can’t get consistent results with that. It seems like there would be some more intuitive property name to control this behavior, but at least there is a solution.
Awesome! Thanks for sharing. Hope I remember it the next time I run into this situation
A golden tip! Saves me hours of frustrated searching! thx
Most Valuable tip!
I have been struggling with this for days.
Thank you very much.
Thanks a lot…. i was searching for the solution for a log time… this helped me a lot and solved my problem
Hey… Thanks lot… It helped me….!!!!