Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

min-height of elastic panel container 10px oversized #13

Open
luxmar opened this issue Jan 14, 2015 · 1 comment
Open

min-height of elastic panel container 10px oversized #13

luxmar opened this issue Jan 14, 2015 · 1 comment
Assignees

Comments

@luxmar
Copy link

luxmar commented Jan 14, 2015

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:

new Timer() {
        @Override
    public void run() {
       int height = elasticHtmlPanel.getOffsetHeight();
       elasticHtmlPanel.getElement().getStyle().setProperty("minHeight", height-10 + "px");
    }
}.schedule(1000);
@christiangoudreau
Copy link
Member

Thanks for reporting! We'll look into this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants