This is problematic because the min-height is set automatically. E.g. we use the ElasticHtmlPanel widget in our GWT project with a custom background pattern (defined in CSS). The bottom is always 10px oversized.
Maybe also provide an "onload"-event which notifies when rendering of the ElasticHtmlPanel has finished.
As workaround we use this (after 1 sec delay reduce 10px of min-height) in our project after the last tile in the panel was rendered successfully:
new Timer() {
@Override
public void run() {
int height = elasticHtmlPanel.getOffsetHeight();
elasticHtmlPanel.getElement().getStyle().setProperty("minHeight", height-10 + "px");
}
}.schedule(1000);
If you click on "Elastic" button on GwtQuery Elastic plugin exsample site: http://arcbees.github.io/gwtquery-elastic-plugin/ElasticBasicSample/ElasticLayoutSample.html, the "min-height" attribute for id="container" is 10px oversized. (Inspect it with Google Chrome dev tools and reduce 10px of min-height)
This is problematic because the min-height is set automatically. E.g. we use the ElasticHtmlPanel widget in our GWT project with a custom background pattern (defined in CSS). The bottom is always 10px oversized.
Maybe also provide an "onload"-event which notifies when rendering of the ElasticHtmlPanel has finished.
As workaround we use this (after 1 sec delay reduce 10px of min-height) in our project after the last tile in the panel was rendered successfully: