rich:panel and s:decorate cause me a trouble

[nat_tul]

Help!!

I'm using rich:panel to group related input field together.
However, i create a template for decorating field and using s:decorate with each field.

I expecting the rendered panel to cover every field within but it's not.

The panel height is a little bit too short, some field are left out.

:~

[grundor]

I have the same problem.
Basically when I use nested rich:panel's along with s:decorate (using the seamgen generated display.xhtml template) my panels don't draw properly and things overlap.

The display.xhtml looks like:

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:s="http://jboss.com/products/seam/taglib">

 <div class="prop">
 <span class="name">
 <ui:insert name="label"/>
 </span>
 <span class="value">
 <ui:insert/>
 </span>
 </div>
</ui:composition>

And my page code looks like:

<rich:panel>
 <s:div styleClass="pagetitle">
 Title Here
 </s:div>

 <rich:spacer height="10px"/>
 <rich:panel>
 <f:facet name="header">
 Header
 </f:facet>

 <s:decorate id="eventDateDecoration" template="layout/display.xhtml">
 <ui:define name="label">Date</ui:define>
 <h:outputText value="#{event.eventStart}">
 <s:convertDateTime type="date" dateStyle="short" />
 </h:outputText>
 </s:decorate>

 </rich:panel>

 <rich:spacer height="10px"/>
 <rich:panel>
 <f:facet name="header">Header 2
 </f:facet>
 </rich:panel>

</rich:panel>

The date field draws over top of the bottom of the panel, and the spacing between the first and second nested panels is almost gone.

Seems like the span tags in the template are causing the problem.

-Mark