Steps to Reproduce
<vlayout height="300px"> <div vflex="1" style="border: 1px solid red">div 1</div> <groupbox vflex="1">group 2 (cut off bottom border)</groupbox> </vlayout>
Current Result
Expected Result
whole group box visible
Debug Information
a fixed height (148px) is set on the groupbox-content element, conflicting with the 147.5px calculated by CSS flex
Workaround
disable CSS flex for the vlayout
<vlayout height="300px"> <custom-attributes org.zkoss.zul.css.flex="false"/> <div vflex="1" style="border: 1px solid red">div 1</div> <groupbox vflex="1">group 2 (cut off bottom border)</groupbox> </vlayout>