Carousel error inside TabView

[fenoloco]

I have a def TabView as follows

Code: Select all

<p:tabView id="tabs" dynamic="true" cache="false">
<p:carousel value="#{cc.attrs.eventos}" var="ev" style="width:100%!important;height:100%!important;" effect="fade"  rows="1">  
                            <f:facet name="header"> 
                                   Eventos  
                            </f:facet>  
                            <h:panelGrid columns="1" style="width:100%" cellpadding="5">  
                                <span class="nameApuesta"> Evento: #{ev.nombre}</span> 
                                <h>fdfd</h>
                            </h:panelGrid>  
</p:carousel>
.............

The first load is correct, but after returning from a Carousel tab does not display correctly.
a video is better
http://screencast.com/t/6tyi3kK0

if I change a dynamic = false it works correctly but my site is heavily loaded and want to use it to true.

Any ideas?

[fenoloco]

I just realized that this rendered but hidden.

By adding eg ItemStyle = "height: 90px; width: 100px" solve the problem.

Clearly something is not 100% correct with the style of each item.