Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    TetxtAreaItem very narrow on Mobile Safari

    Consider the code below,and the attached screenshot please.
    Code:
    Browser.setIsHandset(true);
    
    DynamicForm form = new DynamicForm();
    form.setBorder("1px solid blue");
    //form.setAutoWidth(); <--- this causes the changed behaviour
    
    form.setReadOnlyDisplay(ReadOnlyDisplayAppearance.STATIC);
    form.setNumCols(4);
    form.setLinearOnMobile(true);
    
    
    
    TextAreaItem area = new TextAreaItem();
    area.setTitle("Write!!");
    area.setColSpan(3);
    
    TextItem dude = new TextItem();
    dude.setTitle("Dude");
    dude.setColSpan(2);
    
    CheckboxItem box1 = new CheckboxItem("Box1", "Box 1");
    CheckboxItem box2 = new CheckboxItem("Box2", "Box 2");
    
    form.setItems(area, dude, box1, box2);
    RootPanel.get().add(form);
    If i comment or comment out the "setAutoWidth", the form changes width in browsers as expected.

    However i just tried in Mobile safari, and if you setAutoWidth on the form, the textareaitem becomes very narrow, see attached screenshot. I suppose this is not expected behaviour.

    Click image for larger version

Name:	text_area_mobile_issue.jpeg
Views:	161
Size:	41.3 KB
ID:	265268
Working...
X