The WYSIWYG editor is not working correctly for "Group Panel" containers. Any components inside a group panel appear in
flow layout. There is an attribute layout="block", which when set, should make the Group Panel render as a DIV element.
However anything inside the DIV that effects layout, e.g. <br/> tags are ignored.

When you actually run the application it renders correctly -- so it is purely a problem with the visual editor.

Example code:

<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <webuijsf:page id="page1">
            <webuijsf:html id="html1">
                <webuijsf:head id="head1">
                    <webuijsf:link id="link1" url="/resources/stylesheet.css"/>
                </webuijsf:head>
                <webuijsf:body id="body1">
                    <webuijsf:form id="form1">
                        <h:panelGroup id="groupPanel1" layout="block">
                            <h:outputText id="outputText1" value="Field 1:"/>
                            <br/>
                            <h:inputText id="textField1"/>
                            <br/>
                            <h:outputText id="outputText2" value="Field 2:"/>
                            <br/>
                            <h:inputText id="textField2"/>
                        </h:panelGroup>
                        <br/>
                    </webuijsf:form>
                </webuijsf:body>
            </webuijsf:html>
        </webuijsf:page>
    </f:view>
</jsp:root>