SGWT.mobile - Annoying display offset bug

[bda@celerity.be]

While editing a text field in a DynamicForm, when the editor keyboard pops, the form panel is translated on the left (see fig1 then fig 2). First of all this is not nice and can hide the field labels, second in some cases when editing is completed and the keyboard closes, the panel remains with this offset which hides navigating button.

This behaviour is not observed with the showcase example, maybe this is related to the form style (STYLE1 vs. STYLE2) or it can be related to the fact that in the showcase everything is embedded within a TabPanel while in my application the top container is a NavStack (loaded with RootLayoutPanel.get().add)

Note : figures are taken using xCode device simulator but the same happens on a real device (tested on iPhone 3,4,5)

[Isomorphic]

We're going to need you to figure out the exact setup that causes this - we've never seen it despite using lots of different containers for forms.

[bda@celerity.be]

Ok will try to make a simple case for you to reproduce

[bda@celerity.be]

Well that was simple :

Here is the code for you to reproduce (fig1 shows the offset):

package com.nside.test.client;

import com.google.gwt.user.client.ui.RootLayoutPanel;
import com.smartgwt.mobile.client.cordova.CordovaEntryPoint;
import com.smartgwt.mobile.client.widgets.ScrollablePanel;
import com.smartgwt.mobile.client.widgets.form.DynamicForm;
import com.smartgwt.mobile.client.widgets.form.fields.TextItem;
import com.smartgwt.mobile.client.widgets.layout.NavStack;

public class Test extends CordovaEntryPoint {

    public Test() {
	}

    public void onDeviceReady() {

    	
    	NavStack navStack = new NavStack();
    	RootLayoutPanel.get().add(navStack);
    	
    	ScrollablePanel panel1 = new ScrollablePanel("Panel 1");
    	DynamicForm form = new DynamicForm();
    	
    	TextItem item1 = new TextItem("Item 1");
    	item1.setValue("value");
    	item1.setTitle("Item 1");
    	form.setItems(item1);
    	
    	
    	panel1.addMember(form);
    	
    	
    	
    	navStack.push(panel1);
    	
    	
	}

	
}

Good luck !

[bda@celerity.be]

This is not happening anymore in 2013-02-08 BUT the FormStyle.STYLE2 is not rendering as before (see other post). So I cannot tell wether this is solved in case STYLE2 is used (and properly rendered).

Keep you posted about this one after STYLE2 is fixed.

[bda@celerity.be]

No seeing this issue anymore in 2013-02-09, with STYLE2 (which is back) as well.

Thanks!