Friday, August 26, 2011

CellTable needs overflow set

Hi,

I have a pretty standard CellTable setup with the center of a DockLayoutPanel, but the table is never visible. I can fix it by setting if set the DockLayout properties overflowX and overflowY to visible.

The sample (com/google/gwt/sample/dynatablerf/client/widgets/SummaryWidget.java) shipped with GWT 2.3 also sets the property:
 dock.getWidgetContainerElement(table).getStyle().setProperty("overflowY", "visible");

Is this a problem with my layout/CSS, a GWT bug, or something else? Any hints appreciated...

The generated html looks like this:

<div style="position: absolute;   left: 0ex; top: 6ex; right: 0ex; bottom: 0ex; ">
<table __gwtcellbasedwidgetimpldispatchingfocus="true" __gwtcellbasedwidgetimpldispatchingblur="true" cellspacing="0" .....

The style (as shown in firebug)
element.style {
position: absolute;
overflow-x: hidden;
overflow-y: hidden;
left: 0ex;
top: 6ex;
right: 0ex;
bottom: 0ex;
}

With the overflow set and table displaying correctly:
<div style="position: absolute; overflow-x: visible; overflow-y: visible; left: 0ex; top: 6ex; right: 0ex; bottom: 0ex; ">
<table __gwtcellbasedwidgetimpldispatchingfocus="true" __gwtcellbasedwidgetimpldispatchingblur="true" cellspacing="0" .....

Thanks

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment