Resizeable component behaviour

[flipside]

I have a couple of questions regarding the behaviour of resizeable forms. I've run the code below on FF and Chrome. Why do the sizes of the text box differ? The Chrome texbox has a drag handle in the bottom right. When I drag it, this is what happens.What's going on there? It's possible to drag the form, rather than the textbox and that gives the desired behaviour (the form and the fields resize in synch), but there is no indication that it is draggable, and so a user wouldn't drag it. In FF, it's only the form can be dragged, but again there is no visual indication.

This is using the latest nightly build and the current production version of the browsers.

Canvas canvas = new Canvas();
canvas.setWidth("100%");
canvas.setHeight("100%");

TextItem usernameItem = new TextItem();
usernameItem.setTitle("Name");
usernameItem.setWidth("*");

TextItem emailItem = new TextItem();
emailItem.setTitle("Email");
emailItem.setWidth("*");

TextAreaItem messageItem = new TextAreaItem();
messageItem.setTitle("Message");
messageItem.setHeight("*");
messageItem.setWidth("*");

final DynamicForm form = new DynamicForm();
form.setWidth(250);
form.setFields(new FormItem[] { usernameItem, emailItem, messageItem,});
form.setAlign(Alignment.CENTER);
form.setBackgroundColor("yellow");
form.setCanDragResize(true);
form.setResizeFrom("BR");
form.setPadding(25);

VLayout vLayout = new VLayout();
vLayout.setPadding(25);
vLayout.addMember(form);
vLayout.setBackgroundColor("blue");
canvas.addChild(vLayout);
canvas.draw();