rich:tab strange behavior on Firefox and IE8

[radu321]

Hi ,

In my xhtml page i have something like that:

<h:panelGrid columns="3" cellspacing="0" cellpadding="0" styleClass="allWidth" columnClasses="dif, ,dif">

 <rich:spacer />

 <rich:tabPanel switchType="client">
  <rich:tab label="test" >
    ...
  </rich:tab> 
 <rich:tabPanel>

 <rich:spacer />

</h:panelGrid>



styles are: .dif  { width: 5px; }
            .allWidth { width:100% }

When page is rendered tab goes over those 5px (second rich spacer from panelGrid) from right for a while then comes back to the right position , i could see this in IE8 , in Firefox this is happing faster , but the effect is the same for the components located inside of rich:tab causing layout issues. In IE7 this is working fine.

So , does somebody know why when tab is rendered it goes over that rich:spacer and than comes back to the right position ?

Please , any ideas are welcomed.

Thanks,

Radu

[radu321]

If i set a fixed width for rich:tabPanel this unwanted effect is gone, but this is not a solution in my case because i must keep all widths in procents.

Any opinions about this behavior ?

[radu321]

Hi again ,

I solved the issue  i replaced the rich:spacer from right side with extra padding set for h:panelGrid, parent component, this change solved layout issues generated inside of rich:tabs .

Radu