PanelGrid renders right-to-left

Question

The following panelGrid renders right-to-left. In other words:
message | inputText | outputLabel
instead of:
outputLabel | inputText | message
Why?
<h:panelGrid binding="#{index.gridPanel1}" border="1" columns="3" id="gridPanel1" style="position: absolute; left: 24px; top: 48px; width: 360px; height: 98px">
<h:outputLabel binding="#{index.componentLabel1}" for="username" id="componentLabel1">
<h:outputText binding="#{index.usernameLabel}" id="usernameLabel" value="username:"/>
</h:outputLabel>
<h:inputText binding="#{index.username}" id="username" maxlength="100" required="true" validator="#{index.lengthValidator1.validate}"/>
<h:message binding="#{index.usernameMsg}" for="username" id="usernameMsg" showDetail="false" showSummary="true"/>
</h:panelGrid>

Answer 1

I think this is a bug we just discovered on Friday. Does it render the children in the correct order at runtime, and the wrong order at design time?
If so, the bug is that we're picking up the wrong children order. We're getting the one from the java backing file instead of the JSP source file / tag markup.
As a workaround, try going to the java file (first item in the context menu), then changing the order of the beans (inputText1, outputLabel1 etc.). Let me know if that works.
We'll be working on this one. If this is NOT your problem let me know so I can get additional information.