MGWT Scrolling Bug on iPhone iOS7 Cannot reach Bottom of scrollable Content

Question

I use GWT 2.5.1 and the MGWT 1.2-Snapshot on a mobile web app on iOS7.

The problem is that when I scroll down I cannot reach the bottom of the content because it is hidden by the iOS7 Safari bottom status line. I see it working in the showcase example for MGWT, but could not figure out my problem.

Here is what I use in UiBinder:

<mgwt:LayoutPanel>  
<mgwt:ScrollPanel scrollingEnabledX="false" scrollingEnabledY="true">
<mgwt:RoundPanel>
    <g:HTMLPanel>
    very long text
    </g:HTMLPanel>
</mgwt:RoundPanel>
</mgwt:ScrollPanel>
</mgwt:LayoutPanel> 

As you can see in the following screenshot you cannot see the bottom of the content. The scroll bar position indicator is also not visible anymore at some position.

How can I fix that?

These are my settings:

    ViewPort viewPort = new MGWTSettings.ViewPort();
    viewPort.setTargetDensity(DENSITY.MEDIUM);
    viewPort.setUserScaleAble(false).setMinimumScale(1.0).setMinimumScale(1.0).setMaximumScale(1.0);
    viewPort.setHeightToDeviceHeight().setWidthToDeviceWidth();
    MGWTSettings settings = new MGWTSettings();
    settings.setViewPort(viewPort);
    settings.setIconUrl("apple-touch-icon.png");
    settings.setAddGlosToIcon(true);
    settings.setFullscreen(true);
    settings.setPreventScrolling(true);
    MGWT.applySettings(settings);

It seems to work if I do not use this:

viewPort.setHeightToDeviceHeight().setWidthToDeviceWidth();

Answer 1

Here is the solution. Do not use this line:

viewPort.setHeightToDeviceHeight().setWidthToDeviceWidth();

And always refresh a ScrollPanel if the content changes.